圣杯布局和双飞燕布局实现左右两列固定中间自适应

圣杯布局




    
    
    
    Document
    


    
sssxcwwwwwwsssss中间区域
左边区域
右边区域
圣杯布局和双飞燕布局实现左右两列固定中间自适应_第1张图片
两侧固定中间自适应.png

双飞燕布局





    
    
    
    Document



    
main
left
right
// 双飞燕布局少了定位,就是在中间的div多嵌套了一个div,利用margin的属性去控制,相对于圣杯布局简洁了不少
效果都是一样

你可能感兴趣的:(圣杯布局和双飞燕布局实现左右两列固定中间自适应)