读书人

chrome中两层以下Div嵌套时高度无法

发布时间: 2012-12-19 14:13:14 作者: rapoo

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)

读书人网 >编程

热点推荐