Heim > Web-Frontend > HTML-Tutorial > css 3种清除浮动方法_html/css_WEB-ITnose

css 3种清除浮动方法_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:20:10
Original
1084 Leute haben es durchsucht



    


        
        
        
    
    
        

            清除浮动 方法1: test{clear:both;} test为浮动元素的下一个兄弟元素 方法2: test{display:block;zoom:1;overflow:hidden;} test为浮动元素的父元素。zoom:1也可以替换为固定的width或height 方法3: test{zoom:1;} test:after{display:block;clear:both;visibility:hidden;height:0;content:'';}
            
        

        

            
左浮动

            
下一个兄弟元素清除浮动

        

        

            
左浮动
            
        

        

            
左浮动
            
        

    


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage