box-sizing

box-sizingは要素の算出方法を指定してくれます、
.test {
width:300px;
border: 1px solid #ccc;
box-sizing: border-box;
}

box-sizing: border-box;を指定したことによって、ボーダーを内側に指定できます。
そうすることで、ボーダーの線幅の計算等をする必要がなくなります。

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です