首页 >web前端 >css教程 >css别忘记清除浮动clear:both

css别忘记清除浮动clear:both

高洛峰
高洛峰原创
2017-02-04 09:31:021486浏览

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

 
    
Left
 
     
    

 

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

 
    
Left
 
     

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


 
    
Left
 
     

注:使用 :after 需要注意几点,设置高度为零(height: 0;);content 是必须的,但其值可以为空 

更多css别忘记清除浮动clear:both相关文章请关注PHP中文网!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn