HTML：宽度为100％的子输入大于固定宽度的父表

Question

我面对一个相当奇怪的情况..

我尝试将文本输入填充到整个表格单元格中，但在使用width:100%时，您可以看到它变得比它的父级更大，即使没有填充或使用保证金。

这里是jsfiddle：https://jsfiddle.net/ecxdkwwz/

我可以看到将margin:0px应用于输入时的一些变化，因为它实际上变小了，但它仍然比上面的div大，我真的很想知道为什么......（我正在使用火狐）

Answer 1

我刚刚添加了以下css，它解决了问题

CSS

input[type = 'text']{
 width:100%;
 background:lightblue;
 box-shadow:none;
 text-shadow:none;
 border:none;

}

工作代码：JSFIDDLE