不知道元素之间 9px 边距的原因答案

【问题标题】：Don't know cause for 9px margin between elements不知道元素之间 9px 边距的原因
【发布时间】：2015-10-14 06:23:28
【问题描述】：

对不起，我是个菜鸟，但我想创建一个网站，我听说我应该使用 margin 0 auto 来使布局居中。我到处搜索了这个，但我认为这与这里的问题不同。

CSS：

#page-wrap
{
    height: 1008px;
    width: 900px;
    background: #000000;
    margin: 0 auto;
}

HTML：

<body>
    <div id="page-wrap"></div>
    <header></header>
</body>

我在窗口顶部和#page-wrap div 之间得到了一个无法解释的 9px 边距。

http://gyazo.com/90fe8fe2e151ac9ae5b0bc93d3b5ba79.png

请解释我做错了什么，不要笑我超级新手。谢谢

【问题讨论】：

标签： html css margin

【解决方案1】：

margin: 0 auto; 将 0 边距应用到元素的顶部，auto 边距应用到元素的右侧。

使用 CSS 边距，值从顶部顺时针应用于元素，因此：

margin: 10px 11px 12px 13px;

按以下方式应用边距

margin-top: 10px;
margin-right: 11px;
margin-bottom: 12px;
margin-left: 13px;

9px 的边距是由浏览器的默认填充造成的。您可以像这样覆盖浏览器默认样式：

body, html
{
    min-height: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
{

#page-wrap
{
    height: 1008px;
    width: 930px;
    background: #000000;
    margin: 0 auto 0 auto;
}

【讨论】：

查看编辑 - 您需要覆盖浏览器自动添加的样式
不客气，如果您不介意接受答案，我将不胜感激！

【解决方案2】：

通过使用全局选择器*添加到您的 css 来试试这个

{ margin:0px; padding:0px;}

【讨论】：