CSS:三栏布局之双飞翼布局

1.双飞翼布局

(1)父元素包含左中右三个盒子,中间盒子要优先渲染,所以要将中间盒子写在前面,且中间盒子要有一个子元素盒子;
(2)左中右三个盒子都设置左浮动;
(3)左边盒子定宽,设置margin-left:-100%;
(4)右边盒子定宽,设置margin-left:-右盒子宽度;
(5)中间盒子设置宽度为100%;
(6)中间盒子子盒子设置margin给转左右盒子留位置;



    
        
        
        
    
    
        
main
left
right

你可能感兴趣的:(CSS:三栏布局之双飞翼布局)