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

时间:2011-05-26 02:33:03

标签: css

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

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

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:2)

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

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

答案 2 :(得分:-1)

添加

width: 100%;

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

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