您的位置：网站首页 > 网络编程 > CSS/HTML > 经验交流

css别忘记清除浮动clear:both

发布时间：2008-03-30　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

总结下清除浮动的一般解决方案,做网页时要注意

用空标签清除
.clr{clear:both;}

Left

Right

使用overflow属性
#layout{overflow:auto;zoom:1;}

Left

Right

使用:after（非IE浏览器）
#layout:after{
display:block;
clear:both;content:"";
visibility:hidden;height:0;
}

Left
Right
注：使用:after需要注意几点，设置高度为零（height:0;）；content是必须的，但其值可以为空

上一篇：修正IE下使用CSS属性overflow的bug

下一篇：CSS清除浮动常用方法小结

相关推荐

网站首页　|　关于我们　|　免责声明　|　广告合作　|　联系我们

Copyright @ 2015-2026 福编程 All Rights Reserved.

豫ICP备15036959号-4