无论缩放和滚动，都将div定位在特定的固定位置

Question

我有一个固定位置和内部标题的标题我有导航链接但是当我放大浏览器链接被抛出窗口向右。无论我放大还是缩小，如何将导航链接固定为50px。 jsfiddle here我不想更改标题的属性。

＆＃13;

＆＃13;

.header {
  width: 100%;
  min-width: 500px;
  position: fixed;
  background: red;
  height: 60px;
}
.navlinks {
  float: right;
  margin-right: 50px;
  width: 30px;
  margin-top: 4px;
  height: 20px;
  background: black;
}

＆＃13;

<div class="header">hello
  <div class='navlinks'></div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您已将固定位置标头设置为width:100%，因此min-width:500px是不必要的。

删除它，问题就解决了。

＆＃13;

＆＃13;

.header {
  width: 100%;
  position: fixed;
  background: red;
  height: 60px;
}
.navlinks {
  float: right;
  margin-right: 50px;
  width: 30px;
  margin-top: 4px;
  height: 20px;
  background: black;
}

＆＃13;

<div class="header">hello
  <div class='navlinks'></div>
</div>

＆＃13;

＆＃13;

＆＃13;

JSfiddle Demo