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

实用CSS清除浮动的方法

文章来源:365jz.com     点击数:258    更新时间: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伪对象清楚浮(不推荐)

不是很好用所以不给实例

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

发表评论 (258人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号