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片|