再谈一下关于清除浮动(闭合浮动元素)最简单的方法
Thursday, June 15, 2006 8:44:30 AM
最简单的清除浮动(闭合浮动元素的方法是在父级容器内,浮动对象下面再插入一个额外的DIV标签,来清除浮动(clear),浏览器兼容性好,没有HACKS,缺点是要增加一个无语义的标签,但在有的布局下,可使这个只起到清除作用的DIV,具有语义化.
先看代码
<div class="wrap">
<div id="sideright">
<p>......</p>
</div>
<div id="sideleft">
<p>......</p>
</div>
<div id="foot">
<address>
http://www.forest53.com
</address>
</div>
</div>
其中WRAP是父级容器,sideright和sideleft是左、右部分的内容,foot里放了内容,在左、右内容的下面,并在父级容器里面,起到了清除浮动DIV的作用。
效果预览







Anonymous # Tuesday, July 4, 2006 2:41:59 AM
Anonymous # Tuesday, July 4, 2006 2:44:50 AM
Anonymous # Thursday, August 3, 2006 9:04:01 AM
Anonymous # Monday, January 29, 2007 8:47:07 AM