溢出:隐藏不在IE8中触发

时间:2014-10-31 16:22:22

标签: internet-explorer-8

当出现溢出时,我的容器应该会弹出一个滚动条。当它没有满时,它不会显示任何滚动条。我用过" overflow:hidden"为了这。它在chrome和mozilla中运行良好,但它不会发生在 IE8 中。我看到溢出动作没有被触发。

HTML:

<div class="myBlock" style="overflow:hidden; outline:none;">...</div>

CSS:

.myBlock {
    overflow-y: scroll;
    height: 349px;
}

当我的容器溢出时,我只需要在y轴上滚动条。如果我错过了什么,请告诉我。如果我调整窗口大小,我也会在IE8中获取滚动条。这是一种奇怪的行为,我的代码中没有调整大小的功能。

1 个答案:

答案 0 :(得分:1)

您能否提供有关myBlock课程的更多信息?

你的元素绝对定位?如果是这样,请尝试将其更改为亲属并查看是否可以解决问题 - 可以通过应用position: relative修复一个奇怪的IE8怪癖。

另外,请尝试使用overflow: auto。这是您应该设置的实际属性,以便在必要时显示horizo​​ntol / veritcal滚动条,否则将其隐藏。

编辑:

尝试将overflow-y样式设置为overflow-y: scroll !important。这将确保它优先于您的其他溢出样式。您还可以单独设置overflow-xoverflow-y以获得所需的效果,为什么我看起来不那么苛刻。