Rumah > hujung hadapan web > tutorial css > css别忘记清除浮动clear:both

css别忘记清除浮动clear:both

高洛峰
Lepaskan: 2017-02-04 09:31:02
asal
1520 orang telah melayarinya

用空标签清除 
.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中文网!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan