CSS基本布局16例
2005/12/20 15:12:22
以下布局資料原作者:Owen Briggs 單行單列 單行單列1:采用float浮在左上角,固定寬度。 單行單列2:固定在左上角,固定寬度,采用的是絕對(absolute)定位。 單行單列3:固定在左上角,不固定寬度,采用百分比(%)定義寬度來自適應頁面。 單行單列4(推薦):固定寬度,采用在body樣式中定義居中屬性(text-align: center;)實現適應頁面自動居中。 單行兩列 單行兩列1:兩列都固定寬度。第一列浮在左上角,第二列浮在第一列右邊。 單行兩列2:兩列都百分比寬度,但不滿屏。第一列固定在左上角,第二列浮在第一列右邊。 單行兩列3:兩列都百分比寬度,滿屏。兩列都采用絕對定位。 單行兩列4:兩列都百分比寬度,滿屏。第一列浮在左上角,第二列浮在右上角。 單行兩列5:兩列都百分比寬度,滿屏。第一列浮在左上角,第二列浮在第一列右邊。 單行三列 單行三列1:左右列都絕對定位(右列定位在右上)。左列和右列固定寬度,中間列自適應頁面。 單行三列2:左列定位在左上,右列定位在右上,中間列浮在左列右面。左列和右列固定寬度,中間列自適應頁面。 單行三列3:三列都絕對定位。左列和右列固定寬度,中間列根據內容自適應。 單行三列4(推薦):類似樣式2,只是將margin: 20px屬性增加在body樣式中,解決了中間列在Netscape6.0中置頂的問題。 單行三列5:左右列絕對定位,中間列自適應。寬度滿屏。 頂行三列 頂行三列1(推薦):頂行自適應頁面寬度。左右列絕對定位,中間列自適應頁面。 頂行三列2:寬度滿屏
返回列表
返回首頁
主站蜘蛛池模板:
中文字幕26页|
亚洲欧洲另类春色校园网站|
顶部自由性别xx视频|
国产美女牲交视频|
а√天堂中文最新版地址bt|
日本乱偷人妻中文字幕在线|
亚洲五月综合网色九月色|
激情成人综合网|
午夜理论影院第九电影院|
中文字幕欧美日韩|
最近免费中文字幕视频高清在线看|
亚洲综合久久精品无码色欲|
精品无人区无码乱码毛片国产|
国产免费爽爽视频在线观看|
四虎成年永久免费网站|
国产美女牲交视频|
99精品国产在热久久无毒不卡|
小雪坐莲许老二的胯上|
中文字幕色网站|
日韩一级在线视频|
亚洲va中文字幕|
欧美日韩国产成人高清视频
|
一本大道无香蕉综合在线|
日本b站一卡二不卡|
久久精品视频一区|
欧美AAAAAA级午夜福利视频|
亚洲无码一区二区三区|
波多野结衣大战欧美黑人|
免费在线观看a级毛片|
精品性高朝久久久久久久|
国产chinese男同志movie外卖|
香蕉视频免费在线|
国产成人综合久久|
日本高清视频色wwwwww色|
国产精品二区在线|
69av在线播放|
国产精成人品日日拍夜夜免费|
99re在线视频精品|
在线观看亚洲精品国产|
a毛片免费播放全部完整|
女人与拘做受AAAAA片|