css - 带滚动导航栏的绝对定位

Question

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

举个例子: http://trademarkjunkie.com/absolute

一切正常，但如果您将浏览器水平调整为小于 1000 像素并左右滚动，内容会滚动(应该如此)，但导航栏内容是固定的。我希望它随内容滚动，但其行为与在所有其他实例中的行为完全相同。

有什么想法吗？底部中间缺少的图像是一个滚动顶部的底部，可以向上跳转页面，所以请忽略它。您可以在此处获取 CSS: http://trademarkjunkie.com/absolute/style.css

任何帮助将不胜感激，干杯。

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

Answer 1

but the navbar content is fixed. I want this to scroll with the content, but behave exactly as it is doing in all other instance.

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

如果我对它的解释正确的话，我认为这应该可以回答你的问题..