首页 > web前端 > css教程 > css别忘记清除浮动clear:both_经验交流

css别忘记清除浮动clear:both_经验交流

WBOY
发布: 2016-05-16 12:06:15
原创
1976 人浏览过
用空标签清除
.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 是必须的,但其值可以为空
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板