您现在的位置: 365建站网 > 365学习 > 实用CSS清除浮动的方法

实用CSS清除浮动的方法

文章来源:365jz.com     点击数:199    更新时间:2010-02-11 23:46   参与评论

【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伪对象清楚浮(不推荐)

不是很好用所以不给实例

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (199人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------