網(wǎng)站模板制作怎樣實現(xiàn)三欄布局
2010/11/29 16:42:18
三欄布局是網(wǎng)站模板制作最常見的網(wǎng)頁布局,主要頁內(nèi)容放在中間一欄,邊上的兩欄放置導(dǎo)航鏈接之類的內(nèi)容。基本布局一般是標(biāo)題之下放置三欄,三欄占據(jù)整個頁面的寬度,最后在頁的底端放置頁腳,頁腳也占據(jù)整個頁面寬度。本文介紹一種用CSS的float和clear屬性來獲得三欄布局的方法。
基本方法
基本的布局包含五個div,即標(biāo)題、頁腳和三欄。標(biāo)題和頁腳占據(jù)整個頁寬。左欄div和右欄div都是固定寬度的,并且用float屬性來把它們擠壓到瀏覽器窗口的左側(cè)和右側(cè)。中欄實際上占據(jù)了整個頁寬,中欄的內(nèi)容在左、右兩欄之間“流淌”。由于中欄div的寬度并不固定,因此它可以根據(jù)瀏覽器窗口的改變進行必要的伸縮。中欄div的左側(cè)和右側(cè)的填充(padding)屬性保證內(nèi)容安排在一個整齊的欄中,甚至當(dāng)它伸展到邊欄(左欄或者右欄)的底端也是這樣。
絕大多數(shù)網(wǎng)站模板設(shè)計者都熟悉傳統(tǒng)的網(wǎng)頁設(shè)計技術(shù),用這些技術(shù)可以生成帶有表格、創(chuàng)建固定寬度布局或者“液態(tài)”布局的網(wǎng)頁。
返回列表
返回首頁
主站蜘蛛池模板:
67194在线午夜亚洲|
久久精品免看国产|
精品一区二区三人妻视频|
国产偷v国产偷v亚洲高清|
怡红院免费全部视频在线视频|
天天躁天天弄天天爱|
中文字幕专区在线亚洲|
日韩精品久久无码中文字幕
|
5g影讯5g探花多人运视频|
女让张开腿让男人桶视频|
中文字幕人妻无码一夲道|
日韩一级在线视频|
亚洲中文精品久久久久久不卡
|
午夜毛片免费看|
西西人体高清444rt·wang|
国产成人精品高清在线观看99|
521a成v视频网站在线入口|
在线观看人成网站深夜免费|
一区二区三区免费电影|
手机在线看片国产|
久久亚洲精品无码aⅴ大香|
最新中文字幕在线观看|
亚洲人成伊人成综合网久久久|
欧美老人巨大xxxx做受视频|
人妻少妇被猛烈进入中文字幕|
精品国产国产综合精品|
四虎永久免费地址在线观看|
裸のアゲハいきり立つ欲望电影|
国产成人久久777777|
日本免费人成在线网站|
国产精品剧情原创麻豆国产|
911色主站性欧美|
在线观看免费a∨网站|
jizzyou中国少妇|
嫦娥被爆漫画羞羞漫画|
两个人看www免费视频|
扒开老师挠尿口到崩溃刑罚|
久久中文精品无码中文字幕
|
免费黄色网址网站|
精品无码久久久久久久久|
四虎在线成人免费网站|