<!DOCTYPE html>
<html>
<head>
<title>ceshi</title>
<style>
*{
margin: 0;
padding: 0;
}
#wrap{
width:1002px;
background:gray;
}
.header{
height: 120px;
}
.main{
background: green;
}
.main .left{
width:700px;
height: 600px;
float: left;
background: black;
}
.main .right{
width:302px;
height: 600px;
float: left;
background: yellow;
}
.footer{
height: 120px;
background: blue;
}
</style>
</head>
<body>
<div id="wrap">
<div class="header"></div>
<div class="main">
<div class="left"></div>
<div class="right"></div>
</div>
<div class="footer"></div>
</div>
</body>
</html>
1 回答
已采纳
刚毅87
TA贡献345条经验 获得超309个赞
因为 maindiv 没有设置宽高,所以他的高度是由内容撑开的,而他里面两个 div 都设置浮动,脱离了文档流,不占空间,所以 maindiv 的高度默认为0,因此 footer 会贴着 header,
实际上 main 就在他俩中间,只是没显示出来,给 main 设置个边框都可以看到效果
- 1 回答
- 0 关注
- 1797 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消