javascript - CSS动态调整div重叠

标签 javascript html css

网页上的 div 有一些问题。在 chrome 中,当浏览器页面重新调整大小时,div 与其他 div 重叠并且部分隐藏。在 IE 中,height:auto 的工作方式与我预期的一样,没有任何重叠。目前我已经尝试过;

高度:自动 *导致div在下方重叠

高度:510px *似乎没有调整 div 的大小

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

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

但是正如您所见,ID 为 List 的 div 与下面的 div 重叠。这种行为不会发生在 IE 中,但只会发生在 chrome 和 firefox 中。

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

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

最佳答案

也许这是一个溢出问题? 在你的 .mstrSmallIconView

中尝试 overflow: hidden; 而不是 overflow: auto;

关于javascript - CSS动态调整div重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19322607/

相关文章:

java - 从网络浏览器执行应用程序?

javascript - NodeJs - [Restful API] 如何分离不同js文件中的app get方法?

javascript - HTML5 音频在每个页面上播放

javascript - jQuery "on click"中可以包含多个 ID 吗?

javascript - 如果函数花费的时间超过 X 毫秒,则显示加载微调器

javascript - Rails 3.1 堆栈级别太深

html - 垂直居中的 CSS 技术在 Chrome 中不起作用

css - 奇怪的谷歌浏览器 float 错误 - 在其他浏览器中正常

html - 使用 :before (or :after) or table tr's

javascript - 如何转义内部CSS?