html - 如果没有溢出，防止工具提示上的滚动条？

Question

我创建了一个工具提示，并且有以下 CSS。请注意，在 Mac 上，它工作得很好，但在 Windows 上——运气不好。即使内容没有溢出，滚动条轨迹也会显示。没有它们我怎么能有我的工具提示？如果他们需要它们，我怎样才能只显示垂直的。

.tooltip-container {
  font-size: 1.2rem;
  overflow: scroll;
  max-height: 200px;

Answer 1

使用 overflow-x: hidden 隐藏 x 轴，在 y 轴上使用 'auto' 值，它只会在需要时显示滚动条

.tooltip-container {
  font-size: 1.2rem;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 200px;