位置:固定无滚动条出现

Question

我有一个<div>，它与position:fixed一起定位。当窗口太小而无法适应div时，就不会出现滚动条，只需切断div的右侧。

如果我更改为“位置:绝对”，则滚动条将显示为正常。

是否有任何方法让浏览器识别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"标记，我相信它可以做您想要的事情。

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