如何使标题适合页面限制[重复]答案

【问题标题】：how to make a header fit the page limits [duplicate]如何使标题适合页面限制[重复]
【发布时间】：2021-08-10 06:47:15
【问题描述】：

我有这个简单的代码：

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>

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

【问题讨论】：

标签： html css header border padding

【解决方案1】：

这是因为 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>

【讨论】：

好的，它可以工作，但是有什么方法可以将 h2 边距设置为 0 而不必给它一个 id？就像是否有任何方法可以通过设置标题样式来做到这一点
然后像这样添加。 header h2{margin:0}
我编辑了我的答案。你的意思是这样吗？

【解决方案2】：

h2 {
 margin: 0;
}

h2 标签具有默认边距，因此只需将其设为 0。

【讨论】：