16

パディング付きのdiv内に、パディング、ボーダー、通常の入力ボックスを修正しようとしています。ただし、入力の幅を 100% にしたいのですが、ご覧のとおり、重なり合っています。これを修正するにはどうすればよいですか?

CSS

#one {
    background:red;
    width:300px;
    padding:5px;
}
#two {
    width:100%;
    border:3px solid blue;
    padding:4px;
}

</p>

HTML

<div id="one"><input type="text" value="Test" id="two" /></div>​
4

1 に答える 1

37

スタイルに追加box-sizing: border-boxします。inputそれ以外の場合、幅は100%、ボーダーとパディングを加えたものになります。

于 2012-06-16T00:08:51.000 に答える