Как создать автоматическое изменение размера пустого div между min-height и max-height css?

Question

HTML имеет пустой div, мне нужно автоматически изменить размер div до максимальной высоты для точки останова

div {
    min-height: 200px;
    max-height: 400px;
    height: auto;
}

Answer 1

Просто установите height на 100vh:

div {
  min-height: 200px;
  max-height: 400px;
  height: 100vh;
  background: lightblue;
}

<div></div>