css - 溢出:隐藏在 Google Chrome 中无法正常工作

Question

我遇到了“溢出:隐藏”CSS 属性的问题。

在 Firefox、IE8 和 Safari 5 中，当我将此属性应用到用于在我的内容顶部包含广告横幅(如 adsense 排行榜或 flash)的 div 时，Chrome 中仍然存在一些重叠，当窗口被调整到足够小以至于它们会发生碰撞。

在 Firefox 和 IE8 中，它按预期工作，所有内容都完全隐藏在右侧边栏后面。在 Chrome 中，实际内容是隐藏的，但它被替换为仍然重叠并遮挡边栏的白色背景。

我已链接到显示问题的屏幕截图。我能做些什么来解决这个问题吗？!

http://tinypic.com/r/259cs95/7

Answer 1

我在 chrome 中遇到以下 css 问题。它根本不起作用。

div.hidden {
    margin:0px 0px 10px 0px;
    overflow-y:hidden;
}

现在，我将上面的 CSS 更改为，

div.hidden {
    margin:0px 0px 10px 0px;
    overflow-y:hidden;
    position:relative;
}

它对我来说很好用。