min-height 和 height 属性有什么区别？ [复制]

我查了一下这个问题，但无法理解它与我的具体问题的关系。

我将有问题的 html 设置如下：

<div class="container-fluid">
    <div class="inner">
      <div class="weatherdata">
        <p class="city"></p>
        <p class="description"></p>
        <p class="temp"></p><br><br><br>
        <p class="mintemp"></p>
        <p class="maxtemp" </p>
      </div>
    </div>

css样式是这样的：

.container-fluid {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
}

我遇到的问题是，当我调整（缩小）浏览器窗口大小时，会出现一个滚动条，并且下面有大量空白。我的男朋友建议将高度更改为最小高度（经过几个小时的尝试自己解决这个问题）。这有效，但他只是猜测，所以无法解释原因（他对此也相当陌生）。

我不确定这里发生了什么才能使其发挥作用。

有人可以帮忙吗？

Height

height 属性将元素的高度限制为给定值：

div.mydiv {
   height: 100px;
}

无论如何，div 的高度都是 100px。即使内容跨度超过100px；

最小高度

div.mydiv {
  min-height: 100px;
}

这意味着 div 将从 100 像素开始，如果内容将 div 推至超过 100 像素，它将继续增长。但是，如果您的内容小于 100 像素，它仍将占用 100 像素的空间。