关于浮动的前世今生
作者：糖伴西红柿 来源：前端观察 发布时间：2009-08-19 18:51:00
标签：浮动,float,css
什么是浮动？
浮动是 css 的定位属性。我们可以看一下印刷设计来了解它的起源和作用。印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。
这是一个例子：
在排版软件里面，存放文字的盒子可以被设置为允许图文混排，或者无视它。无视图文混排将会允许文字出现在图片的上面，就像它甚至不会在那里一样。这就是图片是否是页面流的一部分的区别。网页设计与此非常类似。
在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会影响其它元素，其它元素也不会影响它，无论它是否和其它元素挨着。
像这样在一个元素上用CSS设置浮动：
#sidebar { float: right; }
fload属性有四个可用的值：Left 和Right 分别浮动元素到各自的方向，None (默认的) 使元素不浮动，Inherit 将会从父级元素获取float值。
0
投稿猜你喜欢
- 在时序数据处理过程中，我们经常会遇到由于现实中的种种原因导致获取的数据缺失的情况，这里的数据缺失不单单是指为‘NaN'的数据，比如在
- 以前我一直用os.system()处理一些系统管理任务,因为我认为那是运行linux命令最简单的方式.我们能从Python官方文档里读到应该
- <!doctype html><html><head><meta charset="ut
- 原因是：It looks like you need to flush stdout periodically (e.g. sys.stdo
- 如下所示：a = 1b = 3print(a/b)#方法一：print(round(a/b,2))#方法二：print(format(flo
- 当你试图在mysql中创建一个外键的时候，这个出错会经常发生，这是非常令人沮丧的。像这种不能创建一个.frm 文件的报错好像暗示着操作系统的
- 图片轮播滤镜转换效果，只支持ie浏览器<img width="156" height="60"
本文为大家分享了VMWare linux安装mysql 5.7.13的教程，供大家参考，具体内容如下1、基础环境说明虚拟机：VMWare操作- Python 中导入csv数据的三种方法，具体内容如下所示：1、通过标准的Python库导入CSV文件：Python提供了一个标准的类库CS
- SPI是一种JDK提供的加载插件的灵活机制，分离了接口与实现，就拿常用的数据库驱动来说，我们只需要在spring系统中引入对应的数据库依赖包
- 使用rpm安装方式安装完MySQL数据库后，数据文件的默认路径为/var/lib/mysql，然而根目录并不适合用于存储数据文件。原路径：/
- 即text-overflow:ellipsis，需要配合white-space:nowrap使用。运行代码：<div style=&q
- 一、Mysql使用limit分页select * from stu limit m, n; //m = (startPage-1)*page
- 在数字图像处理中，针对不同的图像格式有其特定的处理算法。所以，在做图像处理之前，我们需要考虑清楚自己要基于哪种格式的图像进行算法设计及其实现
- file->setting->project->project interperter双击右侧出现的pip，弹出安装包，搜
- WebSocket的作用WebSock其实在平常使用，我们是时常见到的，用于实时通讯，例如我们常用的实时聊天、服务端向客户端消息推送、也可以
- 1、获取数据库标识符：DB_IDDB_ID函数用于获取当前数据库的唯一ID(int数据类型)，数据库ID用于服务器上唯一区分书库。语法格式：
- 前言一个非常神秘的魔术方法。这个方法非常不起眼，用途狭窄，我几乎从未注意过它，然而，当发现它可能是上述“定律”的唯一例外情况时，我认为值得再
- Python版本是2.7.9，在win8上测试成功，就是抓取有点慢，本来想用多线程的，有事就罢了。模板之家的网站上的url参数与页数不匹配，
- 1.基本函数介绍（1）标准类型函数[type()、str()和 cmp()] &n
