在網(wǎng)頁設(shè)計中，3列布局是一種常見的布局形式。在CSS中實現(xiàn)3列布局，需要使用的是
元素。我們可以通過CSS來設(shè)置
元素的樣式，從而生成一個漂亮的3列布局。
主內(nèi)容區(qū)
代碼中，我們先使用了一個
元素作為容器，然后在容器中嵌套了三個
元素，分別用來表示左側(cè)欄、主內(nèi)容區(qū)和右側(cè)欄。通過CSS設(shè)置這三個元素的樣式，來達成3列布局。
其中，我們使用了CSS3的Flexbox布局來實現(xiàn)容器的寬度自動適應(yīng)瀏覽器窗口，左側(cè)欄和右側(cè)欄的寬度占據(jù)容器的20%，主內(nèi)容區(qū)占據(jù)容器的60%。此外，我們還對元素的背景顏色進行了設(shè)定，使得布局更加明朗。
上一篇div css 中央
下一篇css的after選擇器