删除提交按钮下方无法解释的换行符？

Question

在处理我正在做的一个简单网站的布局时，我遇到了一个非常烦人的问题，我只是找不到原因！我不知道如何删除提交按钮下方的换行符，从而向下扩展它所在的 div。

我已经尽可能地简化了页面，尽管可能仍然存在一些不必要的元素在那里。

任何帮助将不胜感激！

Answer 1

form {
    margin: 0
}

这就是你所需要的。

---

好吧，我撒谎了：这就是 Firefox/Chrome 所需要的全部。

你有这样的情况：

<form action="something.php" 1 method="post">
                             ^ get rid of that 1

在 IE 中，你需要一个现代的文档类型，例如 才能使其脱离 Quirks 模式。

无论如何你应该添加一个文档类型。

Answer 2

您的 form 元素的 margin-bottom 为 1em，它将其父 div 向下推该量。

去掉边距就可以了。

Answer 3

只是补充一下：

form {
   margin: 0;
}

你确实应该使用 css 重置，有很多好的重置，例如 Eric Meyer 的重置 http://meyerweb.com/eric/tools/css/reset/。

这会处理所有默认的意外边距和填充，这些边距和填充有时会因浏览器而异。