Html 滚动时，如何使导航栏保持在页面顶部？

我找不到解决办法

.container{
宽度：95%；
保证金：0自动；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
标题{
背景:#FF4136；
}
导航{
浮动：中心；
}
导航ul{
保证金：0；
填充：0；
列表样式：无；
}
李海军{
显示：内联块；
左边距：193px；
填充顶部：23px；
填充底部：23px；
位置：相对位置；
}
导航a{
颜色：#ffffff；
文字装饰：无；
文本转换：大写；
}
导航a：悬停{
颜色：#000；
}
导航a：以前{
内容：''；
显示：块；
高度：6px；
宽度：0%；
背景色：#444；
位置：绝对位置；
排名：0；
过渡：全部缓进缓出250ms；
}
导航a:悬停：：之前{
宽度：100%；
}

只需将

位置：sticky

添加到导航元素中即可。这会告诉元素留在视图中。因此，元素在相对位置和固定位置之间切换

给你一个解决方案

.container{
宽度：95%；
保证金：0自动；
位置：固定；
排名：0；
}
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
标题{
背景:#FF4136；
}
导航{
浮动：中心；
}
导航ul{
保证金：0；
填充：0；
列表样式：无；
}
李海军{
显示：内联块；
左边距：193px；
填充顶部：23px；
填充底部：23px；
位置：相对位置；
}
导航a{
颜色：#ffffff；
文字装饰：无；
文本转换：大写；
}
导航a：悬停{
颜色：#000；
}
导航a：以前{
内容：''；
显示：块；
高度：6px；
宽度：0%；
背景色：#444；
位置：绝对位置；
排名：0；
过渡：全部缓进缓出250ms；
}
导航a:悬停：：之前{
宽度：100%；
}

你只需要做一件简单的事情：

.navbar {
   position:fixed;
   top: 0;
}

---

下面是我将如何实现“粘性”菜单。上下文样式由您自己决定。非常适合导航

body{
背景：火红；
保证金：0；
填充：0
}
.集装箱{
保证金：0自动；
最大宽度：95%；
}
主img{
最大宽度：100%；
保证金：0自动；
显示：块；
}
导航{
填充：1em；
保证金：自动；
左：0；
右：0；
}
导航ul{
填充：0；
列表样式：无；
显示：块；
}
李海军{
保证金：0自动；
垫面：1米；
垫底：1米；
位置：相对位置；
}
@媒体屏幕和屏幕（最小宽度：600px）{
身体{
填充顶部：110px；
}
导航{
保证金：0自动；
位置：固定；
利润上限：-110px；
背景：火红；
边框底部：4倍纯黑；
}
导航ul{
显示器：flex；
柔性流：行；
证明内容：中心；
弹性：1；
保证金：0；
}
}
.集装箱{
保证金：0自动；
最大宽度：95%；
}
/*其余部分保持不变*/
标题：：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
标题{
背景:#FF4136；
}
导航a{
颜色：#ffffff；
文字装饰：无；
文本转换：大写；
}
导航a：悬停{
颜色：#000；
}
导航a：以前{
内容：''；
显示：块；
高度：6px；
宽度：0%；
背景色：#444；
位置：绝对位置；
排名：0；
过渡：全部缓进缓出250ms；
}
导航a:悬停：：之前{
宽度：100%；
}

Lorem ipsum dolor sit amet，奉献精英。ipsam porro，位于非劳动保护区临时劳动场所，该劳动保护区是一个自由、快速、安全的劳动场所。Accusantium，在

Lorem ipsum dolor sit amet，奉献精英。再见，多洛雷斯。劳丹提昂，一脸腐败，一脸真实。莫迪·尼西，托塔姆，这是我的梦想！发明人，perferendis，incident

Lorem ipsum dolor sit amet，奉献精英。ipsam porro，位于非劳动保护区临时劳动场所，该劳动保护区是一个自由、快速、安全的劳动场所。Accusantium，在

Lorem ipsum dolor sit amet，奉献精英。再见，多洛雷斯。劳丹提昂，一脸腐败，一脸真实。莫迪·尼西，托塔姆，这是我的梦想！发明人，perferendis，incident

Lorem ipsum dolor sit amet，奉献精英。ipsam porro，位于非劳动保护区临时劳动场所，该劳动保护区是一个自由、快速、安全的劳动场所。Accusantium，在

Lorem ipsum dolor sit amet，奉献精英。再见，多洛雷斯。劳丹提昂，一脸腐败，一脸真实。莫迪·尼西，托塔姆，这是我的梦想！发明人，perferendis，incident

Lorem ipsum dolor sit amet，奉献精英。ipsam porro，位于非劳动保护区临时劳动场所，该劳动保护区是一个自由、快速、安全的劳动场所。Accusantium，在

Lorem ipsum dolor sit amet，奉献精英。再见，多洛雷斯。劳丹提昂，一脸腐败，一脸真实。莫迪·尼西，托塔姆，这是我的梦想！发明人，perferendis，incident

Lorem ipsum dolor sit amet，奉献精英。ipsam porro，位于非劳动保护区临时劳动场所，该劳动保护区是一个自由、快速、安全的劳动场所。Accusantium，在

同侧阴唇