Html 添加某些内容时，顶部菜单向下移动

我有以下代码

顶部菜单移动了一点，滚动时，当删除以下行时，英雄内容在最顶部可见：

<p id="firstLine">Projeniz mi var? Biz Yapalım</p></br>
<p id="secondLine">Projelerinizi en uygun fiyatlar la sizin yerinize Biz Yapalım</p>

Projeniz mi var？Biz Yapalım


维吾尔语项目

顶部菜单变得正常，这可能是什么原因？有什么帮助吗

.fixedWidth {
    margin: 0 auto;
    max-width: 1100px;
}

---

试试这个。

这是边距折叠的效果：

当两个（或多个）顶部或底部边距接触时，就会发生边距塌陷。其基本思想是，当它们接触时，不求两个边距之和，而是使用较大的边距，而忽略另一个边距

有许多可能的方法来解决您的问题。例如，您可以添加1px填充以分割边距：

#container {
    padding-top: 1px;
}

---

或者你可以插入一些内容。或者找到更适合您需要的其他方法。

通过添加填充顶部解决了我的问题：100px；至#main contentdiv