css網頁佈局方式 css佈局的幾種方式

1、一列布局：一般都是固定的寬高，設定margin : 0 auto來水平居中，用於介面顯著標題的展示等。

2、兩列布局：說起兩列布局，最常見的就是使用float來實現。float浮動佈局的缺點是浮動後會造成文字環繞等效果，以及需要及時清除浮動。

3、三列布局：兩側定寬中間自適應,首先設定父級元素的寬度，可以左左右設定浮動。然後中間設定margin調整間距。 也可以都設定成左浮動，設定margin，調整間距。同樣注意清除浮動的影響。

4、混合佈局：在一列布局的基礎上，保留top和foot部分，將中間的main部分改造成兩列或三列布局，小的模組可以再逐級同理劃分。