html - div 外围的空间

Question

首先，我是 HTML 和 css 的新手，所以不要太乱。我有一个很大的标题 div，我希望将它平齐地放在屏幕顶部，但是，似乎有大约 10 像素的空间我无法删除。

HTML

<div class="wrapper"></div>

CSS

.wrapper{width:300px; background-color: red; height: 300px; margin: 0; padding: 0;}

Answer 1

如果您是 CSS 之类的新手，

你需要知道浏览器默认给元素应用样式。
例如标题字体大小和字体粗细，上下文元素，如 i、b、span 其他属性，如 display inline、
和 DIV 元素 display:block; 等...

如果你看一下THIS LIST 您会看到 8px 已添加到 body 元素。

如果您对浏览器默认添加到元素的样式感到满意，那么您所需要的就是

body{
   margin:0; /* to remove the 8px default */
}

否则，如果您一点都不满意，并且希望完全控制应用于元素的样式，您可以使用 Ugly Reset(对于边距和填充的紧迫性) 通用选择器 *

*{ margin:0; padding:0; } /* Global reset. "*" is to target all elements. */

或 Google 获取一些样式表重置代码，例如:http://www.cssreset.com/这将帮助您控制/重置所有其他元素的大部分默认样式。