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

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

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

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

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