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, а не относительную высоту:

Единица измерения

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>