三列布局是一種很常見的布局方式，我之前做這種布局經常用的是定位或者浮動來實現。現在講講圣杯布局和雙飛翼布局。
雙飛翼布局
我現在講講圣杯布局和雙飛翼布局是如何實現的呢？
圣杯布局
附上代碼
html部分
html部分
css部分
圣杯布局所使用的原理是利用大盒子的padding將中間的內容往里面擠，其實這也是用到了怪異盒子的知識點，pading-left和padding-right各往里擠，這樣左右兩部分的盒子就有了空間，然后就可以使用margin來將他們移上去。
雙飛翼布局
html部分
css部分
雙飛翼布局的核心思想是設置四個盒子，將主體盒子，左邊和右邊部分的盒子都進行浮動，這樣他們就脫離了文檔流。然后中間的盒子會吧左邊和右邊的盒子給擠下去，然后在給中間的盒子套一個盒子，使用margin和把盒子給縮進來。
