国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS布局教程：DIV CSS三列式布局的實現方法

2024-07-11 08:40:37
字體：大 中 小
來源：轉載
供稿：網友
　　版權聲明：MB5U.com原創，未經本站同意，嚴禁轉載！

　　今天在群里，有一位網友在用DIV CSS實現三列式布局的時候碰到了困難，向網友求助。這一類上部形象及導航，底部為版權，中間區域分為三列的布局方式越來越廣泛的應用。17英寸的顯示器已經成為主流，我們以800*600分辨率作為網頁的尺寸在某些時候已經不合時宜了，越來越多的客戶及我們自身，要求我們制作的時候適應1024*768分辨率。寬度增加了，我們的內容區域劃分也產生了一些變化，因而三列式布局的應用也越來越多了。我們今天來說說用DIV CSS三列式布局的實現方法。

　　首先我們構勒一個草圖，理清一下思路。在實際操作中，你面對的可能不是草圖，而是美工設計人員所設計的網站效果圖，但大體上的結構是相當的，我們看下面的圖片：


　　這樣的結構與兩列式的布局是非常類似的，區別就是多了一列。（好象是廢話，別扔臭雞蛋！）我們將頂部和底部設置為寬度1002px左右，并居中對齊，以適應更大分辨率的需要。（現在1600*1200也算是正常分辨率之一吧）將中部的三列，即左側，主內容區，右側。置于一個div容器中，并將此div設置為寬度1002px左右，并居中對齊。再將此容器內的左側，主內容區，右側分別設置寬度、應用浮動，以達到我們想預想的CSS布局效果。看下面的圖片：


　　我們根據上面的圖片，整理出各個div的id以及他們的關系：

示例代碼 [www.CuoXIn.com]

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 洛隆县| 喀什市| 安塞县| 五指山市| 金湖县| 卢龙县| 包头市| 湘潭县| 交城县| 双江| 青浦区| 诸暨市| 南通市| 海林市| 龙泉市| 武威市| 怀安县| 明水县| 西城区| 镇坪县| 泾川县| 兰西县| 开阳县| 崇明县| 南澳县| 尼木县| 资溪县| 九龙县| 武汉市| 台北县| 呼伦贝尔市| 即墨市| 乾安县| 高青县| 盖州市| 安图县| 芜湖县| 原阳县| 乌恰县| 邹平县| 胶州市|