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