清除受到浮动的影响，clear有clear:left;(清除当前对象受到的左浮动影响) clear:right;(清除当前对象受到的右浮动影响)clear:both(清除当前对象受到的左和右浮动影响); 什么意思呢？

<div id="one">

    <div style="width:100px;height:100px;float:left;background:#000 "></div>

    <div style="width:100px;height:120px;float:right;background:#000 "></div>

    <div id="one_clear" style="clear:both; height：10px; background:blue;"></div>

</div>

<div id="two" style="height:100px; background:red "></div>

解释：添加浮动的元素会脱离标准流，就是说不占空间，代码中ID为one的div中有两个div，如果他们不浮动，则ID为one的div的高度会被填充(自动被内容填充，俗话说的被挤下去)。现在代码中ID为one的div中有两个div向左边浮动和向右浮动，那么他们脱离了标准流，one的高度就变成了10px(id为one_clear的高度)，那么ID为two的div就会排列上来，你就会看到浮动的两个div和ID为two和one_clear的div重叠了，因为它们不在同一个层里面，你可以理解成两个浮动的DIV是飘在ID为one_clear和two的div的上面，那么clear就登场了，清除受到浮动的影响，id为one_clear的div不写clear之前，也受浮动影响，那么他也会排上去，写了之后就忽视影响，那么就变相的把浮动的div拉回了标准流一样，id为one_clear的div会排在浮动div的下面，界面就像正常界面一样，不存在重叠了，一般在布局中都是设一个没有高度的div清除浮动达到不重叠块的效果，把被挡住的内容显示出来，你可以试着改变id为one_clear里面的clear属性值和height的高度看看