如何拉伸div高度以填充父div-CSS
我有一个如下所示的div页面
<div id="container"> <div id="A">
</div>
<div id="B">
<div id="B1"></div>
<div id="B2">B2</div>
</div>
<div id="C"></div>
<div id="D">
</div>
</div>
样式
html, body { margin: 0;
padding: 0;
border: 0;
}
#B, #C, #D {
position: absolute;
}
#A{
top: 0;
width: 100%;
height: 35px;
background-color: #99CC00;
}
#B {
top: 35px;
width: 200px;
bottom: 35px;
background-color: #999999;
z-index:100;
}
#B2 {
margin-top: -35px;
bottom: 0;
background-color: #FFFFFF;
width: 200px;
overflow: scroll;
}
#B1 {
height: 35px;
width: 35px;
margin-left: 200px;
background-color: #CC0066;
}
#C {
top: 35px;
left: 200px;
right: 0;
bottom: 35px;
background-color: #CCCCCC;
}
#D {
bottom: 0;
width: 100%;
height: 35px;
background-color: #3399FF;
}
我想调整div的高度B2
以填充(或拉伸到)整个div B
(标有绿色边框),并且不想越过页脚divD。我该如何解决?
回答:
只需添加height: 100%;
到#B2
造型。min-height
应该没有必要。
以上是 如何拉伸div高度以填充父div-CSS 的全部内容, 来源链接: utcz.com/qa/407748.html