Html 固定元素忽略水平滚动

我正在创建一个网站，我有一个小问题。最后，我设置了最小宽度：1200px。当我将internet浏览器更改为较小分辨率并水平滚动时，不会影响我的菜单项！我怎样才能修好它

页面{ 宽度：1200px；高度：1000px； } 页面主菜单{ 最小宽度：1200px； 背景色：151414； 保证金：0自动； 填充：0； 列表样式：无； 文本对齐：居中； 字体大小：14px； 宽度：100%； 位置：固定； z指数：10； 长方体阴影：0 5px黑色； } 页面主菜单li{ 显示：内联块； 利润率：20px 10px； 光标：指针； } 页面主菜单李a{ 文字装饰：无； 颜色：白色； 过渡：0.65s； } 页面主菜单li a：悬停{ 过渡：0.5s； 颜色：d10239； } 删除最小宽度：1200px；它会很好地工作

位置：固定；页面主菜单：您要求浏览器在屏幕左上角的给定x，y偏移处显示主菜单，无论是否滚动

检查css位置

固定的：

不要为元素留空间。相反，将其放置在相对于屏幕视口的指定位置，滚动时不要移动它

如果我理解正确，您希望在垂直滚动上有一个固定的位置，这样菜单将粘在视口的顶部，而在水平滚动上有一个正常的位置，这样通过滚动查看菜单

我不认为仅使用css解决方案就可以做到这一点，但请检查以下问题：

---

问题是，当你以像素为单位给出最小宽度时，它实际上是宽度的1200px

如果您试图实现响应性设计，请使用百分比

例如：对于页面主菜单，使用宽度为100%或所需的百分比值。然后它就可以在所有尺寸的屏幕上正常工作了

width:100%; 

或

---

在JS:jsfiddle.net/vy8rbsv6/1中找到了解决方案

我应该用什么来代替位置：fixed？我不确定你想做什么。它是一个垂直滚动的粘性菜单，一个简单的首页菜单？预期的行为是什么？是的，它的菜单粘贴到顶部，不想跟随垂直滚动。也许我们彼此不了解，但对我来说，粘贴菜单确实跟随垂直滚动，并保持显示在页面上的同一位置。无论如何，我认为@Karthi在这一点上可能是正确的。检查他的答案。那么如何使它跟随垂直滚动？你确定你想要最小宽度为1200px吗？你不是说所有设备都只有1200px吗？是的，的确是我亲爱的朋友对不起，我仍然没有得到你真正想要的。当我将web浏览器分辨率更改为200x200并尝试向右滚动时，我的菜单列表项保持在相同的位置。是的，这是固定的行为。完整的项目不会有帮助：我们不会修复您的项目，我们正在帮助您解决一个特定的问题。我为你创造了一个新的世界。试着在那里说明你的问题。但是当我改变屏幕的宽度时，导航没有改变！请记录您的答案以帮助他人。

min-width:90%