两个 div 在 IE/Chrome 中显示不均，仅在 Firefox 中显示答案

【问题标题】：Two divs not displaying equally in IE/Chrome, only in Firefox两个 div 在 IE/Chrome 中显示不均，仅在 Firefox 中显示
【发布时间】：2012-01-05 23:46:52
【问题描述】：

网站：http://epic.lexcorp.ca/capabilities

如果你在 Firefox 和 Internet Explorer/Chrome 中打开它，你应该明白我的意思，这是关于内容下方的两个区域（查看我们的项目和新闻）

我已经尝试了大约 40 分钟来解决这个问题，但我不知所措。非常感谢您的帮助。

【问题讨论】：

</br> 在<h1>News</h1> 之前在做什么？也许这就是问题所在？

标签： css drupal-6 cross-browser

【解决方案1】：

这只是一个 CSS 问题。

将此添加到您的 CSS 文件中：

.bottomBox .region {
overflow:hidden;
}

【讨论】：

我最终找到了一个不同的解决方案，将表格向下推的“margin-top”工作效率不高，所以我将该值更改为 wrapper div 上的“padding-top”围绕着每张桌子。不过谢谢！

【解决方案2】：

在 BumbleB2na 的帮助下，我注意到其中一个标签的前面有一个
。

这有帮助，但并没有完全解决问题。然后我注意到有margin-top 区域完全压低了盒子，所以我将值调整为 div 包装容器并将它们更改为填充。

现在似乎在所有 3 个浏览器中都是无缝的。

【讨论】：