CSS:三栏布局

1.position:absolute;定位

    
        
        
        
    
    
        

            
left
            
center
            
right
        
    

注意：中间元素使用margin给左右元素留出位置；

2.float左右浮动

    
        
        
        
    
    
        

            
left
            
right
            
center
        
    

注意：中间元素必须放在最后；

3.flex:1;

    
        
        
        
    
    
        
header
        

            

                
left
                
center
                
right
            
        
        
footer
    

注意：如果把center写在前面，则需要注意left将会在它的后面排列，则需将left元素的order属性设为-1;
.left{
order:-1;
}
使其排列在center前面；
接下来说一下三栏布局的两种经典：圣杯布局和 双飞翼布局；
圣杯布局
双飞翼布局