同じ幅に設定すると、入力とテキストエリアの幅が異なるように見えますか？

Question

入力とテキスト領域の幅を94％に設定すると、幅がわずかに異なるように見えます。これは私が何度も多くのサイトで見たものです。

同じ％幅に設定した場合、テキストエリアの幅が入力と同じにならない理由を誰もが説明できますか？

input, textarea { 
    width: 94%; 
} 

Answer 1

1. the box modelはボーダー、パディング、およびマージンが含まれて忘れないでください。それらはすべてページ内の要素の実際の物理的な幅に影響します。
2. CSS resetを使用していない限り、各要素の境界、パディング、およびマージンが異なるデフォルトのブラウザスタイルシートが必要です。あなたも使用することができますCSS3で

Answer 2

：

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
-moz-box-sizing: border-box; /* Firefox, other Gecko */ 
box-sizing: border-box;   /* Opera/IE 8+ */