除了聖杯布局和雙飛翼布局還有其他哪些比較有特點的布局方法?

我是前端程序員了解到聖杯布局和雙飛翼布局後花了些時間去了解,對這兩個布局有了一定的認識並能熟練運用,想知道是否還有其他類似或有自身特點的其他布局方案。


這問題這麼多人關注一直沒人回答啊……我來提個吧

1. 一欄寬度固定,另一欄寬度隨瀏覽器縮放而擴展

非常常見,大多數時候是一欄 sidebar 一欄 content,知乎其實也是這種布局。在後台管理系統上也很常見。

2. 九宮格

常用於瀏覽器導航頁(如獵豹瀏覽器)、商品列表頁

手機 Web 布局常見的有這幾種:


瀑布流


原來布局還有名字的……


那種單頁面滾動的,展示型頁面常用,還可以配合視差效果。


只有我一個人覺得這種叫法真的很不舒服嗎


我能說,聖杯布局又叫雙飛翼布局,都一樣的(跑題了)


推薦閱讀:

CSS 屬性 display 取值 box 和 flexbox 以及 flex 有什麼不同,分別表示什麼?

TAG:前端開發 | 網頁布局 | DivCSS |