html - input-textarea 宽度太大

Question

我有问题，这是错误的例子。

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

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

.span8 {width: 500px;}

谢谢

Answer 1

工作 jsFiddle 演示

只需设置 和 的宽度，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.