首頁 > web前端 > css教學 > CSS網頁版面入門教學4:二列固定寬度_基礎教學

CSS網頁版面入門教學4:二列固定寬度_基礎教學

WBOY
發布: 2016-05-16 12:07:18
原創
1472 人瀏覽過

有了一列固定寬度作為基礎,二列固定寬度就非常簡單,我們知道div用於對某一個區域的標識,而二列的佈局,自然需要用到兩個div,XHTML代碼如下:

複製程式碼 程式碼如下:

左列

右列
 

新的程式碼結構中使用了兩個id,分別為left和right,表示兩個div的名稱,我們所需要做的是,先為它們制定寬度,然後讓兩個div在水平行中並排顯示,從而形成二列式的佈局,CSS代碼如下:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板