几种常见的CSS布局-- 双飞翼布局

• 双飞翼布局：对圣杯布局（使用相对定位，对以后布局有局限性）的改进，消除相对定位布局
• 原理：主体元素上设置左右边距，预留两翼位置。左右两栏使用浮动和负边距归位，消除相对定位。

.container {
   
    /*padding-left:150px;*/
    /*padding-right:190px;*/
}
.main-wrap {
   
    width: 100%;
    float: left;
}
.main {
   
    margin-left: 150px;
    margin-right: 190px;
}
.left {
   
    float: left;
    widt