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 回答