溢出的替代方法：在Mozilla和Internet Explorer浏览器中覆盖CSS属性

Question

overflow:overlay在chrome和safari中运作良好。此属性在IE和Mozilla浏览器中不可用。我需要滚动条窗格始终可见。

Answer 1

正如上面的评论和文档中提到的： https: //developer.mozilla.org/en-US/docs/Web/CSS/overflow

这个已弃用的 API 不应再使用，但可能仍然有效。

然而，既然你提到：

我需要滚动条窗格始终可见。

您可以使用 value overflow: scroll，并且无论是否实际剪切任何内容，您都将始终拥有滚动条，这将防止内容移动和更改您的布局，例如：

div {
  border: 1px solid black;
  float: left;
  height: 100px;
  margin: 10px;
  overflow: scroll;
  width: 200px;
}

<div>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum ligula vel dolor eleifend, vel interdum risus tristique. Nullam laoreet sed metus at aliquam. Aliquam ornare sagittis nibh in volutpat. Sed dolor orci, viverra ut lectus ac, commodo faucibus nisl. Proin molestie felis ligula, ullamcorper sollicitudin lacus commodo eu. Curabitur sit amet cursus ante. Aliquam vel leo et justo luctus semper eget sit amet turpis. Aenean ac rhoncus dolor. Etiam ut euismod arcu, vehicula suscipit ex.   Donec nec posuere sapien. Phasellus accumsan sem nec nibh congue, ut porttitor diam convallis. Nulla ac tempus arcu. Suspendisse at lorem est. Nullam sit amet commodo felis. Quisque ac mollis metus. Duis varius eleifend sem, eget venenatis ante mattis
  at.
</div>

<div>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum ligula vel dolor eleifend, vel interdum risus tristique. 
</div>