一、兩欄佈局：一欄定寬，一欄自適應。這樣子做的好處是定寬的那一欄可以做廣告，自適應的可以作為內容主體。

實現的方式：

二、三欄佈局

三欄佈局，也是經常會被使用到的一種佈局。

它的特點：兩邊定寬，中間的width是auto的，可以自適應內容，再加上margin邊距，來進行設定。

三欄佈局有多種實現方式，每種實現方式都有各自的優缺點。

1.使用左右兩欄使用float屬性，中間欄使用margin屬性進行撐開，注意的是html的結果

缺點是：1. 當寬度小於左右兩邊寬度之和時，右側欄會被擠下去；2. html的結構不正確

2. 使用position定位實現，即左右兩欄使用position

好處是：html結構正常。

缺點時：當父元素有內外邊距時，會導致中間欄的位置出現偏差

3.  flex佈局

除了相容性，一般沒有太大的缺陷

三欄佈局使用較為廣泛，不過也是比較基礎的佈局方式。

三、上中下佈局