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

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;
}