css - 边框将滚动条推到视口之外

Question

我的左边框将滚动条推到浏览器右边缘的中途。这是 Chrome 和 IE8/9 中的问题。

这是我应用于 BODY 的 2 种样式：

border-left : black 7px solid;
overflow-y : scroll;

将边框应用于身体以外的其他东西有帮助吗？

Answer 1

将此添加到样式表的顶部并在带边框的元素上声明宽度应该可以解决问题：

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}