使用滚动导航栏进行绝对定位

Question

需要一些帮助，在这里找不到这个具体问题。我的网页底部有一个绝对定位的导航栏，页面内容最大宽度为1000px，但导航栏可以随浏览器一起拉伸（当浏览器调整到小于1000px宽度时，导航栏位于固定宽度）。

这是一个例子： http://trademarkjunkie.com/absolute

一切正常，但是如果您将浏览器水平调整到小于1000px并向左和向右滚动，则内容会滚动（应该如此），但导航栏内容是固定的。我想让它与内容一起滚动，但行为与在所有其他实例中完全一样。

有什么想法？底部中央缺少的图像是一个向上滚动的页面底部，因此请忽略它。你可以在这里抓住CSS： http://trademarkjunkie.com/absolute/style.css

欢迎任何帮助，欢呼。

编辑 - 我更新了链接并将文本居中在具有自动水平边距的div中（并将css中的位置从固定更改为绝对）。向下滚动时，栏位于浏览器的原始位置，并且不会保持底部对齐。有什么想法吗？

Answer 1

  

但导航栏内容已修复。我想让它与内容一起滚动，但行为与在所有其他实例中完全一样。

底部导航栏定位为“固定”，因此不会滚动您的内容。如果你想滚动，试着给你的班级“bottom-nav”一个“绝对”而不是“固定”的位置。

如果我正确解释它，请认为这应该回答你的问题。