再谈一下关于清除浮动(闭合浮动元素)最简单的方法
Thursday, 15. June 2006, 08:44:30
最简单的清除浮动(闭合浮动元素的方法是在父级容器内,浮动对象下面再插入一个额外的DIV标签,来清除浮动(clear),浏览器兼容性好,没有HACKS,缺点是要增加一个无语义的标签,但在有的布局下,可使这个只起到清除作用的DIV,具有语义化.
先看代码
其中WRAP是父级容器,sideright和sideleft是左、右部分的内容,foot里放了内容,在左、右内容的下面,并在父级容器里面,起到了清除浮动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 # 4. July 2006, 02:41
强烈支持!
我是站长的死忠fan!
请问站长可不可以给我您的icq?msn?QQ?谢谢了!!!
我的QQ276790137
msn: anthony54288@hotmail.com
真的很想跟站长学习啊!
Anonymous # 4. July 2006, 02:44
http://www.forest53.com/news/news_show.asp?id=39
对了,出现点问题,这一页在firefox点-- 返回前一页 --没有反应
Anonymous # 3. August 2006, 09:04
太强了,老长辈啊,佩服
Anonymous # 29. January 2007, 08:47
好佩服你哦,大叔,CSS用得这么的熟
我刚学,以后会经常光顾,请您多多指教!!!