Html 将div固定在页面中心，但不要'；调整大小时不会溢出

我正在尝试制作一个导航条，它适合另一个div的长度，在这里我列出了一些数据。我希望它被固定在页面顶部，无论你滚动到哪里。我有这样的功能，但是当你从右边调整窗口的大小并使其变小时，它最终会离开页面。我很确定这与我翻译了超过50%的内容有关，而且它不关心它是否会离开屏幕，所以有什么方法可以轻松地抵消这一点吗？我希望它能像桌子一样。当它即将离开屏幕时，停止移动它。谢谢你的帮助

下面是一个演示：

以下是直播网站：

这是我的HTML：

名字

计数

问题在于您的

最小宽度

属性不能使其收缩到800px以下。因此，当您调整窗口大小并通过800px时，导航栏的宽度保持不变

一种解决方案是使用媒体查询，以便在屏幕宽度达到800px时，为css属性赋予另一个值

---

如果不需要该

min width

属性，因为您正在设置

width

，您只需将其删除即可。嘿，谢谢您的好主意。它工作得很好。我编辑了我的答案，以显示我为未来潜伏者所做的一切。谢谢你，多亏了帕特里克·阿列克西斯，我现在可以用了。以下是我为让它发挥作用所做的。刚刚在我的CSS中添加了这个：@media-only屏幕和（最大宽度：800px）{#nav-bar{position:absolute；left:400px；}}