<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.div1{
height: 50px;
background-color: red;
}
.div2{
background-color: blue;
}
.div3{
height: 50px;
background-color: green;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>对于div2，如何写其样式使得div1 div2 div3的height和至少能够撑起整个页面。（不要那种写死的）写法应该很多吧？求指导，谢谢。
1 回答
已采纳
刚毅87
TA贡献345条经验 获得超309个赞
那 div 的高度也不要写固定值,改为百分比,代码如下
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body,html{
height: 100%;
}
.div1{
height: 50%;
background-color: red;
}
.div2{
background-color: blue;
}
.div3{
height: 50%;
background-color: green;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>望采纳!
点击展开后面2条
- 1 回答
- 0 关注
- 1398 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消