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

Question

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

我怎样才能删除它？

谢谢

Answer 1

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

div {
margin:0;
padding:0;
}

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

更烦人的是，每个不同的浏览器对于 div 的 padding 和 margin 都有不同的默认值，例如。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 文件，这可以解决问题！

Answer 2

可能有一些边距通过某种 CSS 样式应用于 div。