box-sizingによる隙間の対処方法

CSS box-sizing プロパティがデフォルト(content-box)の状態だと、width, height の指定に対して、border, padding による余計な隙間ができてしまう。

box-sizing を border-box にする。

code:border-box.css

html {

box-sizing: border-box;

}

*, *:before, *:after {

box-sizing: inherit;

}