清除浮动的方法与特性

浮动的特性

1. 浮动元素之间的外边距不会发生折叠。
2. 任何元素都可以浮动。
3. 浮动元素之间不会发生重叠，但定位元素则不同，会发生重叠。

清除浮动的三种方法

1. 为父元素添加overflow:hidden

这种方法是先找到浮动元素的父元素，再在父元素中添加属性overflow:hidden,清除找到的父元素中的子元素浮动对页面的影响。一般不使用这种方式，因为overflow:hidden属性的特点是，离开了这个属性的区域会被隐藏，就是超出的部分会被隐藏。

3. 使用空标签clear:both清除浮动
   

此方法是在所有元素下方添加一个该属性，会增加不必要的标签。此方法不是很常用。理解即可。

3. 使用仿元素清除浮动
   

此方法是推荐使用的，应该掌握，原理是通过伪元素选择器实行清除浮动的效果。

注意事项

1. 最后一种清除浮动效果如显示不出来，有可能是版本问题。IE8以上和非IE浏览器才支持:after。