如何在调整窗口大小时保持固定位置导航静态定位

Question

继承了网站http://designobvio.us/dov2/index.html

CSSframework：grid960。

继承人css行

#siteSectionOne #nav{position:fixed; left:50%; margin-left:-220px; z-index:10;}

这可能需要jQuery / javascript来完成;如果有人能在正确的方向上给出一些线索，我会做研究

当我调整窗口大小时，导航栏会一致移动。在某个时候导致合并，或者让它漂浮得太远而且看起来很难看。

无论如何都要保持导航固定宽度明智;同时保持固定滚动

我对如何实现这一点感到有些困惑 我试过左：％和-margin-left; 我试过把它放在父母身上;但是，似乎没有任何东西覆盖父div

任何想法都谢谢你！

Answer 1

这不应该需要JavaScript。试试这个：

将#siteSectionOne #nav选择器更新为以下内容：

#siteSectionOne #nav {
  position: fixed;
  left: 50%;
  margin-left: -470px;
  z-index: 10;
}

这似乎对我有用。