Web個人はてなブログからの移行記事です。border-box;box-sizingっていうプロパティはCSS3で加えられたプロパティで、初期値はcontent-boxになっているらしい。100%;を指定すると、paddingの1rem分だけ横にフォームが飛び出してしまいます。border-box;これです。これを追記すると、paddingを内側に含めて、widthを計算してくれるらしい。高さ(height)も計算してくれて、しかも、borderの太さなども含めてくれるみたいです。ピクセル単位でズレている、みたいなときはこれも疑ってみたほうがいいかもしれません。ちなみに、inheritという値もあって、これは親要素の値を継承するらしいです。まとめほとんどの場合、デフォルトで設定しておいたほうが良いという話もあります。border-box;を設定することにしました。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。