基本信息
    
    
        
    
    
        
        
    
    
        
        
    
    
    
源码名称:防止div ul浮动塌陷
源码大小:1.29KB
文件格式:.html
开发语言:CSS 
更新时间:2020-12-15
        ×
        
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
       源码介绍
    
    
                                
        
	 在我们通过一个div ul li的简单模式中,如果将li进行浮动,来横向排列,也就是添加float:left。那么在不固定div和ul的高度的时候,就会造成元素塌陷。
 解决方式是使用伪元素after来撑开,即给ul添加一个after。
 该方法对于绝对浮动元素(position: absolute;)的父级添加,也是有效的。
 这样可以灵活的控制元素高度,避免出现塌陷。
:after{ display: block; content: ''; clear: both;}