Question

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

我尽可能地简化了the page，尽管可能还有一些不必要的元素。

非常感谢任何帮助！

Answer 1

form {
    margin: 0
}

这就是你所需要的一切。

好的，我说谎了：这就是你需要的Firefox / Chrome。

你有这个：

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

在IE中，您需要一个现代的文档类型，例如<!DOCTYPE html>，以使其脱离Quirks模式。

无论如何你应该添加一个doctype。

Answer 2

您的form元素的margin-bottom 1em正在向下推动其父div。

删除保证金，你应该没事。

Answer 3

只需添加：

form {
   margin: 0;
}

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

这会处理所有默认的非预期边距和填充，有时因浏览器而异。