horizontal-scrolling - 位置 :fixed no scroll bars appearing

Question

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

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

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

笔记:
在固定 div 之前声明了另一个具有默认位置的 div。

Answer 1

从逻辑上讲，滚动条与固定位置不兼容。如果你告诉用户代理 修复 有些东西，你不应该像他们那样期待滚动条 搬家的东西。为什么不用position: absolute因为它似乎适用于您的示例？

编辑 :
@水平滚动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 */
}

有了这个，如果你嵌套一个 div标签 id="#myContent"内 id="$myContentWrapper" ，我相信它可能会做你正在寻找的。

与您的方法不同的是，嵌套元素很大，而父元素是 absolute/ fixed/任何。