css - Borderがスクロールバーをビューポートを超えてプッシュ

Question

左の境界線が、ブラウザの右端の後ろにスクロールバーを途中まで押し込んでいます。ChromeとIE8/9では問題です。

これが私がBODYに適用した2つのスタイルです：

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;
}