首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

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

2012-12-19 
chrome中两层以上Div嵌套时,高度无法自适应的问题div iddiv1div iddiv2/div/div如上所示,di

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)

热点排行