元素不在左上角开始答案

【问题标题】：Element doesn't begin in the top left corner元素不在左上角开始
【发布时间】：2015-07-17 00:17:23
【问题描述】：

我正在制作一个简单的网站，我是新手，我想知道一些事情。我用导航栏做了一个标题，我希望它是屏幕的宽度并一直到顶部。但是，0,0 不在左上角，我需要添加一个值为 -8px 和上边距为 -16px 的左边距。为什么？我认为应该从左上角开始，我错了吗？我错过了什么吗？

.header {
    background-color: rgba(0,0,0,0.50);
    margin: -8px;
    margin-top: -16px;
    width: 100%;
    position: fixed;
}

【问题讨论】：

【解决方案1】：

有特定于浏览器的默认样式。你需要覆盖那些。您需要添加其他样式

html, body {
   margin: 0;
   padding: 0;
}

【讨论】：

【解决方案2】：

删除不需要的边距。您还需要为标题指定高度，在处理简单的网站需求时，最好使用十六进制#fff 而不是 rgba。只是让事情变得更容易。还要在 HTML 和 Body 上指定默认样式。

.header {
    background-color:#000;
    width: 100%;
    height:100px;
    position: fixed;
}

html, body {
   margin: 0;
   padding: 0;
}

<div class="header">
    
</div>

【讨论】：