css - 如何在最小高度和最大高度 css 之间创建自动调整大小的空 div？

Question

html 有空的 div，我需要将 div 的大小自动调整为断点的最大高度

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

标签： cssheightautoresize

Answer 1

只需将其设置height为100vh：

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

<div></div>