元素不会从左上角开始

时间:2015-07-16 16:06:53

标签: html css html5 header margin

我正在创建一个简单的网站,我是新的,我想知道一些事情。我用导航栏做了一个标题,我希望它是屏幕的宽度,一直到顶部。但是,0,0不在左上角,我需要添加一个左边距,其值为-8px,上边距为-16px。为什么?我认为它应该是左上角的所有错误吗?我错过了什么吗?

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

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

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

SELECT
  b.Pos,
  b.Posten,
  IsNull(c.Wert_Neu, b.Bez1) AS Bez1,
  IsNull(c.Wert_Neu, b.Bez2) AS Bez2,
  IsNull(c.Wert_Neu, b.Bez3) AS Bez3,
  b.Wert,
  b.Einheit
FROM
  Table_Values b LEFT JOIN
  Table_Replacements c ON b.Bez1 = c.Wert_Alt AND b.Bez2 = c.Wert_Alt AND b.Bez3 = c.Wert_Alt
.header {
    background-color:#000;
    width: 100%;
    height:100px;
    position: fixed;
}

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