聖盃佈局和雙飛翼佈局

聖盃佈局和雙飛翼佈局基本上是一致的，都是兩邊固定寬度，中間自適應的三欄佈局，其中，中間欄放到文檔流前面，保證先行渲染。解決方案大致相同，都是三欄所有float:left浮動，區別在於解決中間欄div的內容不被遮擋上，聖盃佈局是中間欄在添加相對定位，並配合left和right屬性，效果上表現爲三欄是單獨分開的（若是能夠看到空隙的話），而雙飛翼佈局是在中間欄的div中嵌套一個div，內容寫在嵌套的div裏，而後對嵌套的div設置margin-left和margin-right，效果上表現爲左右兩欄在中間欄的上面，中間欄仍是100%寬度，只不過中間欄的內容經過margin的值顯示在中間。

一、聖盃佈局

    注意middle寫在前面就好了

二、雙飛翼佈局是在middle的div裏又插入一個div，經過調整內部div的margin值，實現中間欄自適應，內容寫到內部div中。