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

Question

我有一个<div>定位的position:fixed.当窗口水平太小而不适合div时,不会出现滚动条,div的右侧只是被切掉了.

如果我更改为position:absolute,则滚动条显示为正常.

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

注意:在固定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/ what.