上海做網(wǎng)站 銀狐設(shè)計師前幾天在逛論壇的時候，看到有人在討論圣杯網(wǎng)頁布局和雙飛翼布局方式，有一部分觀點認(rèn)為圣杯布局和雙飛翼布局方式已經(jīng)是過去式了，快要被淘汰了。當(dāng)下流行趨勢是flex布局。上海做網(wǎng)站的設(shè)計師覺得這個觀點很有意思，也想發(fā)表自己的一些看法。
我們先來說說圣杯布局和雙飛翼布局，這兩種布局文式基本上是一致的，都是兩邊固定寬度，中間自適應(yīng)的三欄布局，其中，中間欄放到文檔流前面，保證先行渲染。解決方案大體相同，都是三欄全部float:left浮動，區(qū)別在于解決中間欄div的內(nèi)容不被遮擋上，圣杯布局是中間欄在添加相對定位，并配合left和right屬性，效果上表現(xiàn)為三欄是單獨分開的（如果可以看到空隙的話），而雙飛翼布局是在中間欄的div中嵌套一個div，內(nèi)容寫在嵌套的div里，然后對嵌套的div設(shè)置margin-left和margin-right，效果上表現(xiàn)為左右兩欄在中間欄的上面，中間欄還是100%寬度，只不過中間欄的內(nèi)容通過margin的值顯示在中間。
flex 布局又稱 彈性盒子 布局，現(xiàn)今雖已得到眾高端瀏覽器廠商的支持，
上海做網(wǎng)站 發(fā)現(xiàn)由于IE10以下的用戶基數(shù)仍然很大，大部分Web開發(fā)者并不能夠真正在某種程度上大膽嘗試這種新型布局理念。 Flex布局的主要思想是讓容器能使其子元素的寬高（或其他屬性）能夠以最好的方式去填充可用空間（主要是去適應(yīng)不同的設(shè)備跟分辨率）。一個Flex彈性盒子能讓子元素填充可用空間或者為了阻止子元素超出區(qū)域而進(jìn)行收縮。
綜上所述，
上海做網(wǎng)站 設(shè)計師認(rèn)為Flex布局正處在蓬勃發(fā)展時期，F(xiàn)lex布局和圣杯布局就是新舊事物之間轉(zhuǎn)換的過程，不存在誰被誰淘汰。在
網(wǎng)站建設(shè)實際過程中，根據(jù)需要選擇是用圣杯布局，或是flex布局。
