Css 菜单栏赢了'；t使用滚动条向左或向右移动

我正在为我的网站制作菜单。我一直在测试更小的屏幕（大约800 x 600的屏幕），每次我尝试将水平滚动条移到右侧以查看整个菜单时，我的网站主体会发生变化，但菜单不会发生变化。有人能帮忙吗？谢谢 网站：

CSS:

HTML

---

编辑：在CSS中，有没有一种方法可以做到这一点，只要让左右菜单项之间的间隙随着浏览器宽度的减小而减小？

发生这种情况的原因是由于

位置：fixed。这是一个固定位置的预期行为，它基本上忽略滚动条。如果您想在不使用css属性的情况下将菜单保持在顶部，我建议您使用javascript解决方案

也许你可以看看这篇文章：

另外，还有一个很棒的jquery插件可以实现这一点，也就是jquery scrollspy，可以在这里找到：

希望这有帮助。< P > >问题在基础。CSS。
设置了最大宽度。为了使其更具响应性，我们将使用@meta scaling。CSS3的If

使用此代码：

@media (max-width: 960px) {
  div#header {
    max-width:100%
  }
}

如果它不起作用，在你的头脑中使用它：

<meta name="viewport" content="width=device-width, initial-scale=1">





在skype上添加我：JonasRothmann

检查此源代码：

Jonas Rothmann Hjalager
如果您想让它水平滚动，而不是垂直滚动，您将不会遇到仅CSS的解决方案。这里有一个jQuery解决方案，应该适合您

$(window).scroll(function(){
  $('div#header-container').css('left','-'+$(window).scrollLeft()+'px');
});

尝试从
div#header container
中删除
位置：fixed
，或将
位置：fixed
更改为
位置：relative
<meta name="viewport" content="width=device-width, initial-scale=1">

$(window).scroll(function(){
  $('div#header-container').css('left','-'+$(window).scrollLeft()+'px');
});