当出现溢出时,我的容器应该会弹出一个滚动条。当它没有满时,它不会显示任何滚动条。我用过" overflow:hidden"为了这。它在chrome和mozilla中运行良好,但它不会发生在 IE8 中。我看到溢出动作没有被触发。
HTML:
<div class="myBlock" style="overflow:hidden; outline:none;">...</div>
CSS:
.myBlock {
overflow-y: scroll;
height: 349px;
}
当我的容器溢出时,我只需要在y轴上滚动条。如果我错过了什么,请告诉我。如果我调整窗口大小,我也会在IE8中获取滚动条。这是一种奇怪的行为,我的代码中没有调整大小的功能。
答案 0 :(得分:1)
您能否提供有关myBlock
课程的更多信息?
你的元素绝对定位?如果是这样,请尝试将其更改为亲属并查看是否可以解决问题 - 可以通过应用position: relative
修复一个奇怪的IE8怪癖。
另外,请尝试使用overflow: auto
。这是您应该设置的实际属性,以便在必要时显示horizontol / veritcal滚动条,否则将其隐藏。
编辑:
尝试将overflow-y
样式设置为overflow-y: scroll !important
。这将确保它优先于您的其他溢出样式。您还可以单独设置overflow-x
和overflow-y
以获得所需的效果,为什么我看起来不那么苛刻。