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

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

WBOY
WBOY原創
2016-05-16 12:07:181477瀏覽

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

複製程式碼 程式碼如下:

左列

右列
 

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