CSS之浮动 float

浮动

使用float属性来设置元素的浮动，可选值：

• none 默认值，元素不浮动
• left 元素向左浮动
• right 元素向右浮动

浮动的特点：

1. 浮动元素脱离文档流向左侧右侧移动，但是不会走出父元素。
2. 会按顺序，不会超过它前边的兄弟元素。
3. 浮动元素不会盖住文字。

浮动的功能：目前来说，可以用来让页面上的元素水平排列。

脱离文档流的特点：

对于块元素：块元素不再独占一行，大小默认是被内容撑开；

对于行元素：行内元素是不能设置大小的，但是脱离文档流之后，特点跟块元素一样了。

总的来说，脱离文档流以后可以理解为不再区分块和行。