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

首頁 > 開發(fā) > CSS > 正文

CSS網頁制作實例:三列等高DIV的網頁布局

2024-07-11 09:01:45
字體:
來源:轉載
供稿:網友

武林網(www.survivalescaperooms.com)文章簡介:用純CSS實現(xiàn)三列DIV等高布局的方法。

散列等高

<body>
<div id="wrap">
<div id="left">
<p style="height:500px">style="height:500px"</p>
</div>
<div id="center">
<p style="height:600px">style="height:600px"</p>
</div>
<div id="right">
<p style="height:700px">style="height:700px"</p>
</div>
</div>
</body>

CSS

<style type="text/css">
* {
margin:0;
padding:0;
}
#wrap {
overflow:hidden;
width:1000px;
margin:0 auto;
}
#left, #center, #right {
margin-bottom:-10000px;
padding-bottom:10000px;
}
#left {
float:left;
width:250px;
background:#777;
}
#center {
float:left;
width:500px;
background:#888;
}
#right {
float:right;
width:250px;
background:#999;
}
p {color:#FFF;text-align:center}
</style>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 涡阳县| 凌海市| 岱山县| 郸城县| 册亨县| 云龙县| 分宜县| 崇左市| 安远县| 五原县| 屯留县| 电白县| 夏河县| 深水埗区| 桦甸市| 星子县| 阜新市| 和静县| 玉龙| 永平县| 青田县| 红桥区| 聂拉木县| 仙游县| 元氏县| 武夷山市| 庄河市| 天水市| 荆门市| 阜新市| 朔州市| 东辽县| 怀安县| 扎赉特旗| 淮南市| 清流县| 仁布县| 逊克县| 台东市| 台东市| 阿克苏市|