CSS动态调整div重叠的大小

时间:2013-10-11 16:08:57

标签: javascript html css

在网页上遇到div问题。在Chrome中,当重新调整浏览器页面的大小时,div与其他页面重叠,并且隐藏了它的par。在IE中高度:自动工作正如我所料,没有任何重叠。目前我已经尝试过;

身高:自动 *导致div重叠在

之下

身高:510px *似乎没有重新调整div的大小

<div class=parent>
 <div class=child1>
overlapping
 </div>
 <div class=child2>
being overlapped
 </div>
</div>

问题比我概述的这个简单场景稍微复杂一些。这实际上是MicroStrategy BI应用程序,它有大量的js和大量的css影响页面。所以我试图改变这些页面。附件是我可以重现这个问题的关闭点。不幸的是,我无法将问题简化得太远,或者我不会重现它。

但是你可以看到ID为List的div是与下面的div重叠的div。这种行为不会发生在IE中,只会在chrome和firefox中发生。

http://jsfiddle.net/MF6fR/1/

长话短说,我需要带有列表ID的div不重叠下面的div

1 个答案:

答案 0 :(得分:1)

也许这是一个溢出问题? 在overflow: hidden;

中尝试使用overflow: auto;代替.mstrSmallIconView