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

Question

我有一个带有以下 css 属性的标题 div:

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

这里的问题是当我放大浏览器时，右侧的标题导航链接被抛出页面。所以我想要一个固定的标题，它可以在缩放浏览器上与页面的其余部分一起水平滚动。浏览了一些相关问题的 javascript 答案，但没有一个是有希望的。

Answer 1

我删除了 min-width 和 width 属性，因为我假设您需要窗口的整个宽度。您需要使用的是 top left 和 right 等于 0 的值。 JSFIDDLE

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