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

圣杯布局

    
       
               
   
    头部
   
    
   
        
    
     中间 宽度自适应100%
            
    
     左边 200px
    
        
    
     右边 150px
    
    
   
    
   
    尾部
   

效果：

双飞翼布局

    
       
               
   
        
    
     中间 自适应100%
    
    
   
    
   
    左边 190px
   
    
   
    右边 190px
   

效果：

注意：因为main和left、right平级，所以我们需要在它们上面加上float: left;让三者在一行上浮动

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