css - 子の入力フィールドが親の div よりも広い理由

翻译自：https://stackoverflow.com/questions/15583639 2013-03-23T05:13:28.487

6998 次

HTML

<div class="wrap">
    <input class="field" type="text">
    <textarea class="field" row="10"></textarea>
</div>

CSS

.wrap{width:300px;overflow:hidden;padding:10px;}
.field{display:block;width:100%;margin:10px 0;padding:10px;}

テキスト入力とテキストエリアの幅は、親の div と正確に等しくする必要があります。しかし、そうではありません。誰も理由を説明できますか？

4 に答える 4