效果图：
完整代码：
<!DOCTYPE HTML>
<bead>
<Meta charset="utf-8">
<Title>div</Title>
<style type="text/CSS">
#big-content{
text-align:center;
margin:30px 120px;
}
#header{
background-color:blue;
wIDth:;
height:30px;
float:;
}
#content-left{
background-color:yellow;
wIDth:50%;
height:;
float:left;
}
#content-right{
background-color:green;
wIDth:50%;
height:;
float:left;
}
#footer{
background-color:pink;
wIDth:;
height:;
float:;
}
</style>
</bead>
<div ID="big-content">
<div ID="header"><p>这是header部分</p>
</div>
<div ID:"main">
<div ID="content-left"><p>这是content-left部分</p>
</div>
<div ID="content-right"><p>这是content-right部分</p>
</div>
</div>
<div ID="footer"><p>这是footer部分</p>
</div>
</div>
<body>
</body>
以上是内存溢出为你收集整理的Web前端技术：案例：div浮动全部内容，希望文章能够帮你解决Web前端技术：案例：div浮动所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）