如何拉伸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

回到顶部