清除浮动的方法

一、准备

    
        
        

    
      
        
            
            
                
a
            
                
b
            
                
c
            
                
d
            
                
e
            
                
asda
        
            
        
            
            
                
阿菲是个小乖乖
        
            
    
        

方法1. clearfix(一)

定义

   .clearfix{            
          overflow: auto;            
          height: 1%;       
      }     

ul添加clearfix

方法2. clearfix(二)

      .clearfix{            
          overflow: hidden;            
          zoom: 1;       
      } 

方法3. clearfix(三) 推荐

.clearfix:after{    
    content:".";    
    display:block;    
    height:0;    
    clear:both;    
    visibility:hidden
}
.clearfix{
    height:1%;
}

方法4. 给ul添加overflow:hidden属性