display：阻止不扩展输入以填充父级的宽度

Question

如何让输入扩展到父div的整个宽度？对于标签，它工作正常。代码可以在这里找到：http://jsfiddle.net/7h8Zg/

什么使标签扩展而不是输入？

Answer 1

将左侧填充更改为百分比，并将其余部分用于宽度，如下所示：

padding:0 0 0 2%;width:98%;

Answer 2

如果您希望输入与submit按钮的尺寸相同，则应将width:97%添加到input规则。

http://jsfiddle.net/7h8Zg/15/

Answer 3

添加

width: 100%;

到输入类允许输入扩展为父div的完整大小。

JSFiddle ：http://jsfiddle.net/7h8Zg/5/