當前位置:秀美範 >

生活 >經驗 >

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

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

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

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

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

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

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

標籤: CSS 佈局 網頁
  • 文章版權屬於文章作者所有,轉載請註明 https://xiumeifan.com/shenghuo/jingyan/jmz1k7.html