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

Question

我的<div>位于position:fixed。当窗口水平太小而不适合div时，不会出现滚动条，div的右侧只是被切掉。

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

是否有任何方法可以让浏览器识别div的大小以及在使用position：fixed时滚动的需要？

注意： 还有一个div在默认div之前声明了默认位置。

Answer 1

逻辑上，滚动条与固定位置完全不兼容。如果您告诉用户代理修复某些内容，则不应该期望滚动条，因为它们会移动某些内容。为什么不使用position: absolute，因为它似乎适用于您的示例？

修改：
@Horizo​​ntal_-scrol 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 /无论如何。