将 div 修复到窗口顶部，同时允许水平滚动以在窗口调整大小时溢出答案

【问题标题】：fix div to window top while allowing for horizontal scroll for overflow on window resize将 div 修复到窗口顶部，同时允许水平滚动以在窗口调整大小时溢出
【发布时间】：2012-09-12 22:37:39
【问题描述】：

我想将我的导航栏固定在浏览器窗口的顶部，但允许在浏览器宽度减小时可能溢出的导航项目水平滚动。一个例子是 gmail 导航栏被固定到顶部，但当窗口宽度减小时仍然可以水平滚动。

目前我对 div 使用以下 css 将 div 固定到顶部但不允许水平滚动，因为它是固定的（尝试了溢出：滚动但没有做任何事情）：

position: fixed;
top:0
overflow:scroll;//does nothing

【问题讨论】：

标签： html css

【解决方案1】：

如果你给它一个 right 和 left 值，它应该滚动：http://jsbin.com/edopor/4/edit

【讨论】：

谢谢，但我一直在寻找浏览器底部的单个滚动条，而不是顶部的滚动条和底部的滚动条。一个例子是当你缩小浏览器宽度时 gmail 中的导航栏
在这种情况下，我相信这里有一个答案：stackoverflow.com/questions/12291226/… 我也以同样的方式读到了这个：(

【解决方案2】：

如果overflow:auto; 不起作用，则可能是缺少文档类型。

【讨论】：

另外，设置宽度和高度可能会有所帮助。这可能就是它不起作用的原因。