Question

为什么我在联系表单上的每个输入下面都有额外的间距？

它只发生在ie6和ie7

Answer 1

可能是换行符...即尝试在标签之间打印“whitechars”

Answer 2

IE有时会将空格（文本节点）视为浮动元素之间的占用空间。我建议这样做时不要吓坏，但你考虑过将input元素放在table中吗？是的，基于表格的布局非常糟糕，除非在这种情况下，您的内容实际上是安排在一个表格中，所以它非常合适。

Answer 3

我测试过。如果您正在使用

，请在条件样式表中使用此代码进行IE

FORM#contactform .input { margin-bottom: -11px; }

或就像这段代码一样直接放入

<!--[if lte IE 7]>
<style type="text/css" media="screen">
 FORM#contactform .input { margin-bottom: -11px; }
</style>
<![endif]-->

这是一个IE错误，你可以在这里看到更多细节：

Answer 4

将此添加到您的页面（或将样式移动到仅IE样式表），将解决您的问题：

<!--[if lte IE 7]>
<style type="text/css" media="screen">
  #contactform { height: 1% }
</style>
<![endif]-->

Working example here（在IE6或IE7中查看）