chrome中两层以下Div嵌套时,高度无法自适应的有关问题

chrome中两层以上Div嵌套时,高度无法自适应的问题
  <div id="div1">
    <div id="div2">
    </div>
  </div>

如上所示,div1与div2的高度都不设定时,div1会随着div2的内容而自动调整高度。

  <div id="div1">
    <div id="div2">
      <div id="div2_1">
      </div>
    </div>
  </div>

如果加入了div2_1,这时候div2无法随着div2_1的内容而自动调整高度。

解决办法:在div2的sytle中加入height:100%;overflow:auto;,这样div2可以随着div2_1的内容而自动调整高度。div1也会随之调整高度。
(方法适用于chrome,IE6,IE8)