CSS中的float

需要float的原因

由于标准文档流的存在，导致我们在进行web网页布局时必须服从从上到下的排列顺序。于是我们需要脱离标准文档流（脱标），脱标有三种方法：浮动、绝对定位、固定定位。在此只介绍浮动，使用浮动(float)可以使元素布局更加自由。

简单示例

float的一些性质

1、设置float后不区分行内元素和块级元素（脱标），可设置宽高（例如将span元素设置float后也可以设置宽高并正常显示）
2、浮动元素相互贴靠



3、字围效果：当一个元素浮动而另一个元素不浮动时，浮动元素会挡住非浮动元素的颜色，但非浮动元素内的文字会围绕在浮动元素周围
4、收缩：设置float后元素的背景颜色会收缩到文字内容周围