位置：固定没有出现滚动条答案

【问题标题】：position:fixed no scroll bars appearing位置：固定没有出现滚动条
【发布时间】：2011-08-05 00:31:42
【问题描述】：

我有一个<div>，它位于position:fixed。当窗口水平太小而无法容纳 div 时，不会出现滚动条，div 的右侧被简单地截断。

如果我更改为 position:absolute，滚动条会正常显示。

有什么方法可以让浏览器识别 div 的大小和是否需要滚动，同时仍然使用 position:fixed？

注意：在固定 div 之前声明了另一个具有默认位置的 div。

【问题讨论】：

标签： horizontal-scrolling css-position

【解决方案1】：

从逻辑上讲，滚动条与固定位置根本不兼容。如果您告诉用户代理 fix 某些东西，您不应该期望滚动条，因为它们会移动某些东西。您为什么不使用 position: absolute，因为它似乎适用于您的示例？

编辑：
@Horizontally-scrollable div：从我的脑海中，我会按照以下 css 的方式做一些事情（注意：我没有测试过这个，它只是应该给你一个粗略的想法）

#myContentWrapper {
  position: absolute; /* here, fixed or relative may work too*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: scroll; /* also, try auto */
}
#myContentWrapper #myContent {
  width: 5000px; /* example */
}

有了这个，如果你在id="$myContentWrapper"中嵌套一个div标签和id="#myContent"，我相信它可能会满足你的需求。

您的方法的不同之处在于，嵌套元素很大，而父元素是absolute/fixed/whatever。

【讨论】：

我想这是有道理的。真的很明显，我应该想到这一点。有没有办法使
垂直固定但仍可水平滚动？我能想到一些很长的解决方案，但有没有简单的？