chrome中两层以下Div嵌套时,高度无法自适应的有关问题
chrome中两层以上Div嵌套时,高度无法自适应的问题
如上所示,div1与div2的高度都不设定时,div1会随着div2的内容而自动调整高度。
如果加入了div2_1,这时候div2无法随着div2_1的内容而自动调整高度。
解决办法:在div2的sytle中加入height:100%;overflow:auto;,这样div2可以随着div2_1的内容而自动调整高度。div1也会随之调整高度。
(方法适用于chrome,IE6,IE8)
<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)