Chrome中的Textarea宽度未被正确应用

Question

在页脚中的联系框textarea和输入框在一个宽度为310px的div中。

http://www.bantros.net

他们已经被设置为308px宽，1px的边框。在IE9中，Firefox和Opera的宽度都是相同的，但在Chrome浏览器（我的默认浏览器）中textarea溢出，除非宽度设置为304px。

使用检查元素我可以报告它是314px宽，但我不太确定它为什么这样做。任何信息或帮助将不胜感激，谢谢

Answer 1

有一个浏览器应用padding: 2px。申请padding: 0。

.form1 textarea, .form1 input { 
    padding: 0; 
} 

这类问题可以使用CSS reset来解决，顺便说一句。

Answer 2

我可以看到的一件事，我认为这是问题的根源：在textarea中，chrome为左右放置了2px的填充。在input chrome将左右填充0px。

如果你重写它应该没问题。