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

Question

我的左边框正在推动浏览器右边缘后面的滚动条。这是Chrome和IE8 / 9中的一个问题。

这是我应用于BODY的两种风格：

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

将边框应用于BODY之外的其他内容会有帮助吗？

Answer 1

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

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