介紹一下一般在後台管理系統時常常會用到的布局。首先是自適應兩欄布局，一側保持一定的寬度可以作為導航，另一側為主體內容，可以根據瀏覽視窗的大小而改變自身的大小。
自適應兩欄布局：
html**：
css樣式
.left
.main
接下來是雙飛翼布局，也可以叫做聖杯布局；是指瀏覽器兩側各有乙個固定寬度的盒子，而中間的主體可以根據瀏覽器視窗大小改變自身大小。
html**：
css樣式：
上面的**是先解析左右兩側盒子後解析中間盒子。在面試時，可能出現這樣的問題：如何實現頁面先載入中間內容區域再載入兩端區域，那此時的**應該如下面這樣。
html**：
css樣式：
.center
.left
.right
css兩欄布局 聖杯布局 雙飛翼布局
最近幾個月一直用vue在寫手機端的專案，主要寫業務邏輯，在js方面投入的時間和精力也比較多。這兩天寫頁面明顯感覺css布局方面的知識有不足，所以複習一下布局方法。box1 left box1 right 兩列自適應 box1 box1 left box1 right box1 box1 left b...
兩,三欄布局, 雙飛翼，聖杯布局
主要用於 我放一張圖你們就明白了 1.第一種使用margin和浮動實現 如下 1987年2月2日出生於山東省青島市，中國內地女演員 歌手，亞洲多棲發展女藝人。2008年，宋茜作為演員 廣告模特在亞洲地區正式開始演藝活動。2009年，擔任女子流行演唱組合f x 隊長，以歌手身份正式出道。2012年，主...
雙飛翼布局
第一可以實現三列布局左右固定寬度，中間寬度自適應，第二個，通常三列布局都是按照左 sub 中 main 右 extra 順序來寫的，這樣頁面也會根據這個dom結構來順序載入，而如果用雙飛翼布局，可以使三列布局中mian先載入，sub和extra後載入。html class main div clas...