【问题标题】:Firefox not rendering min-heightFirefox 不呈现最小高度
【发布时间】:2017-02-24 08:19:45
【问题描述】:

min-height 在 Firefox 中不工作,但在 IE、Edge 和 Chrome 中工作

<html>
<body>
<div style="min-height:80%; background:#543;">
</div>
</body>
</html>

我需要做什么才能显示最小高度? Pixels 不是一个选项,它需要是 %

【问题讨论】:

  • 这个 SO 线程可能会有所帮助。 stackoverflow.com/questions/14053206/…
  • 该答案显示使用像素,这不是选项...我无法预测查看页面@hurnhu的设备的高度-实际上我有看到了,我保证我先研究过:)
  • height 样式添加到body
  • @AnkithAmtange 为什么不呢?它只影响这一个浏览器?
  • 我的错。这确实很奇怪。乍一看,这更像是一个 CSS 问题。

标签: css firefox


【解决方案1】:

将此添加到 css

body, html {
 height: 100%
}

为什么?

因为百分比是根据父级计算的,而现在 body 和 html 没有高度

Check this fiddle

【讨论】:

  • 哇,即使有一个很好的解释...不需要其他答案,谢谢。我没有意识到这是由于父母...谢谢。
猜你喜欢
  • 2017-10-06
  • 2019-02-16
  • 1970-01-01
  • 2011-04-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-10-24
  • 1970-01-01
相关资源
最近更新 更多