如何使页眉符合页面限制

Question

我有这个简单的代码：

body {
    padding: 0;
    background-color: red;
    margin: 0;
}

header {
    background-color: blue;
    text-align: center;
  }

<body>
    <header>
        <h2>Vendi su eBay e guadagna extra cash!</h2>
    </header>
</body>

问题是页眉仍然不在页面顶部，我找到的每个解决方案都不起作用，怎么了？

Answer 1

h2 {
 margin: 0;
}

h2 标签有默认边距，所以只需将其设为 0。

Answer 2

因为h2的边距

body {
    padding: 0;
    background-color: red;
    margin: 0;
}

header {
    background-color: blue;
    display:flex;
    justify-content: center;
    
}

<body>
    <header>
        <h2>Vendi su eBay e guadagna extra cash!</h2>
    </header>
</body>

如何使页眉符合页面限制

how to make a header fit the page limits

html

css

header

border

padding