文本区域下的额外填充

Question

我的文本区域下面有额外的填充,但我似乎无法找到它的来源.我已将个别代码放在此页面上:

http://jsfiddle.net/wfuks/

我似乎无法找到它的来源.它有类"字段":

.field { background-color: white; width: 430px; padding: 10px; font-family:arial, sans-serif; border: 1px solid #CCC; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

任何输入(双关语)将不胜感激:)

Answer 1

要使用跨浏览器,textarea/input字段下面没有空格,请使用:

textarea,
input,
select {
  margin: 0;
  vertical-align: bottom;
}

(在小提琴中测试,有效)

奇怪的是,垂直对齐是关键.

只需注意,您不需要保证金:0因为您已经拥有*{margin:0}.为了获得更加完整的textarea跨浏览器体验,您还可以使用overflow:auto;IE和resize:none;支持调整大小的浏览器.

有关它为何如此工作的更多信息: 图像标记下方的神秘白色空间