HTML 仅在大于最大高度时才显示滚动条

Question

我只想在大于最大高度时才显示滚动条。但似乎滚动总是启用

<div style="text-align: left; font-size: 1.5rem; max-height: 7rem; overflow-y: auto;">
  Some text
</div>

以我为例

Answer 1

使用 vh 而不是使用 rem 这意味着 font-size 而不是相对高度:

Unit-Reference

div {
  text-align: left;
  font-size: 1.5rem;
  max-height: 10vh;
  overflow-y: auto;
  border: 1px solid red;
}

<div>
  Some text Before Oracle9 if I had "select any table" privileges there was no problem doing so. ... allow direct access to the v$ tables, do not allow access by stored procedures ... I don't think O7_DICTIONARY_ACCESSIBILITY provides access to sys.link$
  ... Before Oracle9 if I had "select any table" privileges there was no problem doing so. ... allow direct access to the v$ tables, do not allow access by stored procedures ... I don't think O7_DICTIONARY_ACCESSIBILITY provides access to sys.link$ ...
  https://jsfiddle.net/Manju06/3zshy8r0/34/ Before Oracle9 if I had "select any table" privileges there was no problem doing so. ... allow direct access to the v$ tables, do not allow access by stored procedures ... I don't think O7_DICTIONARY_ACCESSIBILITY
  provides access to sys.link$ ...
</div>