圣杯布局和雙飛翼布局的目的顶瞒，都是左右兩欄固定寬度，中間部分自適應元旬。
示例目標：左200px榴徐，右100px，中間自適應匀归，三部分高度一致坑资。
雙飛翼布局
布局思路：中間是身體，兩邊是翅膀穆端，先把重要的身體部分放好袱贮，然后再將翅膀移動到適當?shù)牡胤健?/p>
- html代碼中，中間部分放前面体啰，然后是左邊攒巍、右邊嗽仪。
- 將三部分都float:left
- 中間部分，width:100%
- main占滿了窑业，左邊部分margin-left: -100%钦幔，右邊margin-left: -100px
- 中間部分的左右被左邊部分和右邊部分覆蓋了，在中間增加個內層常柄，設置margin：0 100px 0 200px
圣杯布局
對應上方雙飛翼布局：
- 相同
- float: left相同鲤氢，加上position: relative
- 相同
- 相同
- 中間部分加padding: 0 100px 0 200px，左右再處理西潘。
CSS3布局
- 左中右按順序放在html中卷玉，float: left，
- 中間 width: calc(100% - 400px)
