实用CSS清除浮动的方法

 

【1】 使用空标签清除浮动

.clr{clear:both;}

<div class=”clr”></div>

使用效果还是不错的

【2】使用overflow属性

#layout{overflow:auto;}

<div id=”layout”>

    <div id=”left”>Left</div>

    <div id=”right”>Right</div>

</div>

使用效果一般，有些时候会出现杯具效果！

【3】使用after伪对象清楚浮（不推荐）

不是很好用所以不给实例