首頁技術文章正文

什么是兩列布局？使用兩列布局有哪些優(yōu)點？

更新時間:2021-04-27 來源:黑馬程序員 瀏覽量:

1577370495235_學IT就到黑馬程序員.gif


單列布局雖然統(tǒng)一、有序，但常常會讓人覺得呆板。所以在實際網(wǎng)頁制作過程中，通常使用另一種布局方式——兩列布局。兩列布局和單列布局類似，只是網(wǎng)頁內(nèi)容被分為了左右兩部分，通過這樣的分割，打破了統(tǒng)一布局的呆板，讓頁面看起來更加活躍。如圖1所示，就是一個“兩列布局”頁面的結構示意圖。

兩列布局

圖1 兩列布局

在圖1中，內(nèi)容模塊被分為了左右兩部分，實現(xiàn)這一效果的關鍵是在內(nèi)容模塊所在的大盒子中嵌套兩個小盒子，然后對兩個小盒子分別設置浮動。


猜你喜歡：

什么是網(wǎng)頁布局？DIV+CSS技術的布局流程是怎樣的？

頁面布局的排列規(guī)則是什么？怎樣清除浮動標簽？

什么是流式布局?什么情況下用？[web前端培訓]    

彈性盒布局的4種常用屬性演示【前端技術文章】

黑馬程序員web前端培訓

分享到：
在線咨詢 我要報名
和我們在線交談！