相关疑难解决方法(0)

我有一个HTML输入.

输入padding: 5px 10px;我希望它是父div的宽度的100%(这是流动的).

然而,使用width: 100%;导致输入是100% + 20px如何绕过这个？

例

我有div固定宽度只包含input文本框width,input并设置为100%.我希望它能填补div但反而稍微长一些.

演示代码:

HTML:

<div class="container">
    <input class="content" id="Text1" type="text" />
</div>

CSS:

.container
{
    width: 300px;
    height: 30px;
    border: thin solid red;
}
.content
{
    width: 100%;
}

结果(Firefox):

这也发生在IE 8,Chrome,Safari ......溢出宽度似乎在不同的浏览器中有所不同.如何使内容准确填充div？