双飞翼布局

双飞翼

实现优先加载main，左右固定，中间自适应

• container（包含main），left，right 都浮动float：left
• container设置100%宽度
• main设置 左 右 margin，给 left ， main 让位置
• left 设置 margin-left：-100%（父元素width的100%）
• right设置margin-left：自身宽度的负值

<div id="container1">
    <div id="main1">main</div>
</div>
    <div id="left1">left</div>
    <div id="right1">right</div>    

#container1{
    float: left;
    width: 100%;
}

#main1{ 
    margin-left: 100px;
    margin-right: 200px;
}

#left1{
    float: left;
    width: 100px;
    margin-left: -100%;

}

#right1{
    float: left;
    width: 200px;
    margin-left: -200px;
}