div外面的空间

Question

首先，我是HTML和CSS的新手，所以不要太过哈希。我有一个大的标题div，我希望将它放在屏幕的顶部，但是，似乎有大约10px的空间，我无法删除。

HTML

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

CSS

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

Answer 1

您还需要将其添加到身体中。 DIV在BODY内部。

Answer 2

如果你是CSS新手，

您需要知道浏览器默认情况下会将样式应用于元素 例如标题字体大小和字体粗细， 上传元素，例如i，b，span其他属性，例如display inline，
和display:block;等的DIV元素......

如果您查看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/ 这将帮助您控制/重置所有其他元素的大部分默认样式。

Answer 3

尝试设置

margin: 0;
padding: 0;

到body和html元素