溢出：隐藏在Google Chrome中无法正常工作 [英] Overflow:hidden not working as expected in Google Chrome

问题描述

我对overflow：hiddenCSS属性有问题。

I'm having a problem with the "overflow: hidden" CSS property.

在Firefox中，IE8和Safari 5将此属性应用于div用于在我的内容顶部包含广告横幅（如adsense leader board或flash），当窗口调整为足够小以致它们发生冲突时，Chrome仍然会发生重叠。

In Firefox, IE8 and Safari 5 when I apply this property to a div that is used for containing ad banners (like adsense leader boards or flash) at the top of my content there is still some overlap happening in Chrome when the window is resized to be small enough that they collide.

在Firefox和IE8它的工作原理，一切都完全隐藏在右侧边栏。在Chrome中，实际内容已隐藏，但它被白色背景取代，仍然会重叠并挡住侧边栏。

In Firefox and IE8 it works as expected and everything is completely hidden behind the right sidebar. In Chrome the actual content is hidden but it is replaced with a white background that still overlaps and blocks out the sidebar.

我已链接到屏幕截图，喜欢。有什么我可以做的吗？

I have linked to a screenshot showing what the problem looks like. Is there anything I can do to fix this?!

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

推荐答案

我在Chrome中遇到了以下css的问题。它不工作。

I was facing problems with the below css in chrome. It was not working at all.

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

现在，我改变了上面的CSS as，

Now, I changed the above CSS as,

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

这篇关于溢出：隐藏在Google Chrome中无法正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！