css中div里面嵌套两层块级元素时,内层元素不设置高度时,外层元素高度无法自适应
例如:
<div id="wrap">
<div id="inner1">
<div id="inner2"></div>
</div>
</div>
或者
<div id="wrap">
<div id="inner1">
</div>
<div id="inner2">
</div>
</div>
当inner1不设置高度时,inner1,wrap无法随着inner2高度的变化自适应
当inner1,inner2不设置高度时,wrap无法随着inner2高度的变化自适应
解决方法:设置外层元素
#inner1{
height: 100%;
overflow: auto;
}
或者
#wrap{
height: 100%;
overflow: auto;
}
在实际应用中,可能用法不太一样,但是解决方法是一样的,只要设置height,和overflow就可以了