Html 如何防止滚动期间导航栏被内容覆盖？

我正在用html和css建立一个网站，我已经创建了一个导航栏，但是内容重叠了。我该如何解决这个问题？下面是我创建的导航栏的CSS代码。这很简单，我不知道如何解决这个问题

#导航栏{
显示：块；
位置：固定；
边框：2px实心#FF0E9E；
背景色：#FF0E9E；
高度：35px；
宽度：1300px；
利润上限：-20px；
左边距：-5px；
}
.导航{
浮动：对；
字体大小：20px；
垫面：5px；
文字装饰：无；
}

尝试使用：

#navbar{
    z-index:99999;
}

---

将导航栏的z索引设置为非常高的值。