input-textarea width太大

Question

我遇到了问题，这是错误的例子。

http://jsfiddle.net/kHSNC/1/

我想修改输入宽度，使其等于提交按钮而不使用像素尺寸。我会使用.span8类

.span8 {width: 500px;}

感谢

Answer 1

<强> Working jsFiddle Demo

只需设置input和textarea的宽度（以像素为单位），而不是百分比：

.contact-form input { width: 470px; }
.contact-form textarea { resize: vertical; width: 470px; }

---

将padding设置为元素，增加计算出的宽度，所以当你有这样的东西时：

.parent { width: 500px; }
.parent .child { width: 100%; padding: 15px; }

计算出的孩子宽度为530px。