关于css中div无法自适应的问题

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就可以了