javascript - IE9 溢出时缩小 DIV :auto scrollbar appearance

Question

我在使用 Internet Explorer 使网站上的所有内容正常运行时遇到了一些麻烦。我的问题之一是，我有一个具有 overflow:auto 的 div。

一旦我将窗口缩小到足以影响溢出，div 就会出于某种原因缩小一点点。有谁知道为什么会这样？

页面 width:100% - 注意左侧和右侧的红色边框。

页面一旦 overflow:auto 生效 - 红色边框的 div 缩小

红色边框的 Div

.content {
   width:100%;
   background-color:#F1F2F7;
   position: absolute;
   padding:0 0 120px 0;
   z-index:2;
   overflow:auto;
   height:100%;
   border:1px solid red;
}

Answer 1

我遇到了类似的问题。滚动条在 IE10+、FF 和 Chrome 中正确定位，但在 IE9 中像您的屏幕截图一样插入。这是修复:

    .dgrid-scroller {
        box-sizing: content-box;
    }

与许多元素一样，我们的元素将所有元素标准化为 box-sizing:border-box，这似乎会导致 IE9 中的 dGrid 测量代码出现问题。