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

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

我怎样才能删除它？

Thanks

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

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;
}

事实上，为此我使用了辉煌的蓝图CSS http://blueprintcss.org/因为它包含一个reset.css 文件，它可以解决这个问题！