Html 固定导航条赢得'；t向右滚动页面的其余部分

我找到了一些我想用来制作静态导航条的代码，当你向下滚动时，它会停留在屏幕的顶部。那部分做得很好

但是，当我调整浏览器窗口的大小时，它首先会换行到下一行。所以我添加了空白：nowrap，这样它就可以保持在一条线上。但是现在，如果我调整窗口的大小，它只会切断浏览器窗口边缘的导航栏

我希望页面向右/向左滚动，而不仅仅是导航栏下的滚动条。我该怎么做

先谢谢你。这就是我正在处理的问题：

这是HTML（编辑以添加页面内容）：

---

您需要在css中添加溢出并将其设置为自动

#nav {
 background-color:#262626;
 width:100%;
 height:50px;
 box-shadow: 0px 1px 50px #5E5E5E;
 position:fixed;
 **overflow: auto;**
 top:0px;
 left:0px;
 white-space:nowrap;
}

---

您需要特定于要滚动的溢出，在这种情况下，您需要overflow-y:auto

好的，我试过了，但它只向div本身添加了滚动条（水平和垂直）。我正在寻找一种解决方案，它将在浏览器窗口底部添加一个滚动条（仅水平），这样它将与页面的其余内容一起向右/向左滚动。@user2488073与您提供的内容一起使用，这就是所有需要使用的内容。为一个完整的页面提供HTML/CSS将是有益的，这样就可以更恰当地确定整个问题。我正在用内容更新页面，以更好地说明我所说的内容。我在HTML中添加了内容，因此示例将更加明显。现在，当页面水平调整到小于800px时，页面（内容、文本等）将有一个滚动条，但在某一点上，固定的标题将被切断。关于让页眉与页面其余部分一起滚动有什么提示吗？

#nav
 {
 background-color:#262626;
 width:100%;
 height:50px;
 box-shadow: 0px 1px 50px #5E5E5E;
 position:fixed;
 top:0px;
 left:0px;
 white-space:nowrap;
}

#navigation
{
 list-style-type:none; 
}
li 
{
 display:inline;
 padding:10px;
}

#nav a
{
 font-family:verdana;
 text-decoration:none;
 color:#EDEDED;
} 
#nav a:hover 
{
 color:#BDBDBD;
}
h1
{
margin-top:80px;
}
body
{
min-width:800px
}

#nav {
 background-color:#262626;
 width:100%;
 height:50px;
 box-shadow: 0px 1px 50px #5E5E5E;
 position:fixed;
 **overflow: auto;**
 top:0px;
 left:0px;
 white-space:nowrap;
}