html - 宽度为 100% "reaches"的输入字段进入填充

Question

我有一个带有 Inputfield 的 Tablecell。 Inputfield 应该填满 Tablecell 但不能达到它的填充。我所拥有的看起来像这样(带有 Firebug ):

我希望输入框保持在蓝色区域内，而不是进入紫色区域。

并且:当然，我首先阅读了此处关于该主题的所有问题。我阅读了所有内容，但找不到任何真正解决问题的答案。

它应该适用于所有现代浏览器(也包括 ie7)；

我做了一个minimal live Example使用 jsfiddle，我在其他问题中尝试了所有解决方案，但我无法让它工作。 a) 对此有可行的解决方案吗？ 和 b) 是否有针对此的良好且非变通的解决方案？

为什么这在所有浏览器中都是一个问题？我认为这是 CSS 中的错误规范。因为如果我说“100%”，我当然希望元素适合内容区域的“100%”。 让它流入填充和边距的用例是什么？

Answer 1

好吧，给你..

我正在使用与 this answer 相同的方法.

参见:http://jsfiddle.net/AKUsB/

CSS:

.inputContainer {
    background: #fff;
    padding: 3px 3px;
    border: 1px solid #a9a9a9
}
.inputContainer input {
    width: 100%;
    margin: 0; padding: 0; border: 0;
    display: block
}

HTML:

<div class="inputContainer">
    <input type="text" name="company" id="company" value="" class="formInputTextField" style="width: 100%;" />
</div>