html - div元素中额外空间的解决方案

Question

在我的应用程序中，我使用了 div 元素。在 div 元素的下方和上方发现了一些额外的空间。

我怎样才能删除它？

谢谢

Answer 1

每个浏览器都有自己的各种元素的边距和填充默认值。所以除非你明确设置例如。

div {
margin:0;
padding:0;
}

在您的 CSS 样式表中，您的 div 下方和上方会有一些间距。

更烦人的是，每个不同的浏览器对 div 的填充和边距都有不同的默认值，例如。 Firefox 可能有 10px 边距，IE 可能有 8px 边距。

我发现最好在我的样式表顶部将所有这些默认值重置为零。例如。

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

事实上，为此我使用了出色的 Blueprint CSS因为它包含一个 reset.css 文件，它可以解决问题!