入力フィールド/テキストフィールドの 100% の幅が含まれている div と重なるのはなぜですか?
http://jsfiddle.net/lassebjensen/Uujck/3/
CSS:
.red-div-400px{
background-color:red;
width:400px
}
.input{
width: 100%;
min-height: 28px;
}
HTML:
<div class="red-div-400px">
E-mail
<input class="input" type="text">
</div>
以下のコードは問題を修正しますが、オーバーラップの原因は何ですか? テキストフィールドの幅を 100% に設定できないのはなぜですか?
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
敬具