.

chrome中Div嵌套时,高度无法自适应的问题
分类:电脑知识 发表于:2012-08-11 14:28:34 评论(0)


今天下载chrome用了下,发现留言板背景显示还是有点问题。以前是用了治标不治本的办法勉强解决的,只是内容一多高度被撑的比较大,问题就又出来了。这会趁着chrome浏览器在,就研究了下彻底解决的方法。

<div id="div0">

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

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

</div>

如上所示,若div0设置了样式,如黑色背景。

div1和div2会根据自己本身的高度来显示div0的样式,如div1的高度是200,那么就是200高度的黑色背景;div2的高度是100,那么就是100高度的黑色背景。

div2不会将自己的高度调整到和div1一样,这样div2底下就出现了一部分空白,不能和div1同步。

解决方法:在div0的sytle中加入height:100%;overflow:auto;,这样不管div1和div2的高度有多少,div0的样式都会被同步显示。

  
邮箱: 密码: