Home  >  Article  >  Web Front-end  >  css 3种清除浮动方法_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:20:101036browse



    


        
        
        
    
    
        

            清除浮动 方法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:'';}
            
        

        

            
左浮动

            
下一个兄弟元素清除浮动

        

        

            
左浮动
            
        

        

            
左浮动
            
        

    


Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn