網站模板制作怎樣實現三欄布局
2010/11/29 16:42:18
三欄布局是網站模板制作最常見的網頁布局,主要頁內容放在中間一欄,邊上的兩欄放置導航鏈接之類的內容。基本布局一般是標題之下放置三欄,三欄占據整個頁面的寬度,最后在頁的底端放置頁腳,頁腳也占據整個頁面寬度。本文介紹一種用CSS的float和clear屬性來獲得三欄布局的方法。
基本方法
基本的布局包含五個div,即標題、頁腳和三欄。標題和頁腳占據整個頁寬。左欄div和右欄div都是固定寬度的,并且用float屬性來把它們擠壓到瀏覽器窗口的左側和右側。中欄實際上占據了整個頁寬,中欄的內容在左、右兩欄之間“流淌”。由于中欄div的寬度并不固定,因此它可以根據瀏覽器窗口的改變進行必要的伸縮。中欄div的左側和右側的填充(padding)屬性保證內容安排在一個整齊的欄中,甚至當它伸展到邊欄(左欄或者右欄)的底端也是這樣。
絕大多數網站模板設計者都熟悉傳統的網頁設計技術,用這些技術可以生成帶有表格、創建固定寬度布局或者“液態”布局的網頁。
返回列表
返回首頁
主站蜘蛛池模板:
噼里啪啦国语在线播放|
大学生一级毛片免费看**|
国产女人91精品嗷嗷嗷嗷|
中文字幕亚洲综合久久综合|
波多野结衣一区二区三区|
国产91精品一区二区麻豆亚洲|
99re在线精品视频|
性色a∨精品高清在线观看|
久久亚洲AV无码精品色午夜麻豆|
欧美一级在线观看|
亚洲欧美中文日韩v在线观看|
男人让女人爽30分钟免费|
国产日韩精品欧美一区|
一级毛片一级毛片一级级毛片|
日本精品少妇一区二区三区|
亚洲av永久无码|
欧美日韩亚洲国产精品|
四虎影在永久地址在线观看
|
搡女人真爽免费视频大全|
久久精品aⅴ无码中文字字幕|
欧美一区二区日韩国产|
亚洲欧美日韩国产精品一区
|
波多野结衣中文字幕一区二区三区
|
亚洲色婷婷一区二区三区|
精品久久久久久蜜臂a∨|
国产99久久精品一区二区|
金牛汇app最新版|
国产成a人片在线观看视频下载|
中文字幕动漫精品专区|
国产精品第一区揄拍无码|
91视频久久久久|
在线免费观看国产|
99精品无人区乱码在线观看|
女人张开腿男人猛桶视频|
一级性生活免费|
成人免费黄网站|
中文字幕高清在线|
日本videoshd高清黑人|
久久人人爽人人爽人人av东京热
|
国产色xx群视频射精|
中文字幕一区二区三区精华液|