Firefox 不支持最小高度 [重复]答案

【问题标题】：Firefox not supporting min-height [duplicate]Firefox 不支持最小高度 [重复]
【发布时间】：2019-02-16 16:47:41
【问题描述】：

一直在尝试使用 min-height 规则在 firefox 上做一个样式，但它似乎没有读取它，将高度设置为 100% 可以以某种方式解决问题，但是当我到达元素的边缘时，背景被剪切，我试图用一个普通的 html 文件来做到这一点，其结构如下：

<html>
<body>
<div class="inner-el">
</div>
</body>
</html>

我使用以下 css 规则：

div.inner-el{
width: 90%;
min-height: 65%;
}

最小高度似乎没有反映在我试图击中的元素上。我的 Firefox 版本是 62.0。

【问题讨论】：

标签： css firefox

【解决方案1】：

请将height 给body 标签。你可以在这里查看。

body{
  height:100vh;
}
div.inner-el{
  width: 90%;
  min-height: 65%;
  background:#000;
}

<html>
  <body>
    <div class="inner-el">
    </div>
  </body>
</html>

【讨论】：