如何清除浮动

清除浮动之前需注意两点：1、清除浮动一定要在完成布局之后。2、清除浮动必须与前面的浮动标签属于同级关系。

1、空标签清除浮动。在HTML页面中加入一个空标签，用空标签来清除浮动。此标签可以是div或者p等任何标签，<hr>标签要另加上{border：0；}。

HTML：<div class="clear">&nbsp;<div>

css:.clear{clear:both; height:0;overflow:hidden;}

原理：clear：both是清除所有的浮动，height：0；以及overflow：hidden是用来改变IE6下标签有默认的10px的行高低于10px时将以10px的高度显示bug。

2、overflow清除浮动。

在需要清除浮动的父标签上加入overflow属性即可。但是IE6下不认识此属性则加入zoom：1或者height：1%；

CSS样式为：<style type="text/css">.out{overflow:auto;zoom:1;}</style>

3、after清除浮动。

4、子标签浮动，给父标签浮动。

5、下一标签直接清浮动。

6、使用position：absolute；清除浮动。