本文共 632 字，大约阅读时间需要 2 分钟。

1.float：浮动

浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。

当浮动影响布局时，一般在有浮动的元素后面加一个宽、高都为0的空的div

1）在设置浮动的元素后面加一个宽、高均为0的空div

   
    
    
     1
    
    
    
     2
    
    
    
     3
    
    
    
    
    
     4
    
   

2）加伪元素

   
 	
    
     left左浮动
    
 	
    
     right右浮动
    
 
   
   
       div2
   

3）overflow:hidden;

   
 	
    
     left左浮动
    
 	
    
     right右浮动
    
   
   
       div2测试
   
 注：用overflow:hidden;时需要设置width或zoom，不用设置height，浏览器可以检查浮动区域的高度 4）设置高度 
   
 	
    
     left左浮动
    
 	
    
     right右浮动
    
   
   
       div2测试
   

转载地址：http://fxrbn.baihongyu.com/