Javascript 如何使固定标题水平滚动？

我有一个具有以下css属性的头div：

.header{
 top: 0px;width: 100%;min-width: 980px;
 height: 70px;position: fixed;
}

---

这里的问题是，当我放大浏览器时，右边的标题导航链接会从页面中弹出。所以我希望有一个固定的标题，在缩放浏览器上与页面的其余部分一起水平滚动。查看了一些javascript对相关问题的回答，但没有一个是有希望的。

我删除了

minwidth

和

width

属性，因为我假设您需要窗口的全宽。您只需使用

顶部

左侧

和

右侧

与

0

的值相等

---

我删除了

minwidth

和

width

属性，因为我假设您需要窗口的全宽。您只需使用

顶部

左侧

和

右侧

与

0

的值相等

---

您可以为此提供JSFIDLE吗？

overflow-x:scroll

您可以为此提供JSFIDLE吗？

overflow-x:scroll
.header{
 margin: 0;
 top: 0px;
 left: 0;
 right: 0;
 height: 70px;position: fixed;
 background-color: white;
}
a {
  float: right;
}