日期：2012-07-19 20:09:00 来源：本站整理
CSS网页制作实例:三列等高DIV的网页筹划[DW设计]
本文“CSS网页制作实例:三列等高DIV的网页筹划[DW设计]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：
散列等高
<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>
<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>
以上是“CSS网页制作实例:三列等高DIV的网页筹划[DW设计]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：
| 本文地址： | 与您的QQ/BBS好友分享! |
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“CSS网页制作实例:三列等高DIV的网页筹划”更多相关内容
中查找“CSS网页制作实例:三列等高DIV的网页筹划”更多相关内容评论内容只代表网友观点，与本站立场无关！
评论摘要(共 0 条，得分 0 分，平均 0 分)
查看完整评论