9

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

同じ % 幅に設定されている場合、テキストエリアが入力ほど広くない理由を誰かが説明できますか?

input, textarea {
    width: 94%;
}
4

2 に答える 2

11
  1. ボックス モデルには、ボーダー、パディング、およびマージンが含まれることを忘れないでください。それらはすべて、ページ内の要素の実際の物理的な幅に影響します。
  2. CSS リセットを使用しない限り、要素ごとに異なる境界線、パディング、マージンを設定するデフォルトのブラウザー スタイルシートに翻弄されます。
于 2012-06-12T00:31:44.073 に答える
9

CSS3 では、次のものも使用できます。

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
于 2012-06-12T02:07:37.277 に答える