float浮动

float浮动

使用float会使元素脱离文档流，沿着父容器靠左或者靠右排列。

取值：left ，right  ，none。

 

float注意点

float只会影响后面的元素。

内容默认会提升半层（图文混排使用）

当不给元素设置宽度时，默认宽根据内容决定

当父元素的宽度不够时，会换行排列

主要给块元素添加，也可以给内联元素添加。

 

清除浮动

最简单也是最常用的方式。

使用after伪类{ content:"";clear:both;display:block;}