【问题标题】:Height property working on ALL browser but Firefox高度属性适用于所有浏览器,但 Firefox
【发布时间】:2016-02-17 23:27:48
【问题描述】:

我在使用 Firefox 和包含所有内容的 div 的高度时遇到问题。我不知道为什么 min-height:100% 不适用。

PS:如果我使用 width:100% 代替,它会起作用,但会在高度大于屏幕高度的页面上造成一些麻烦。

网站:[URL-Removed (Problem Solved)]

截图:

Opera/Edge/Chrome:

火狐:

提前致谢

【问题讨论】:

  • 代替min-height: 100% 尝试min-height: 100vhvh 是一个新单位,指的是视口高度。
  • 这是一个完美的例子,说明为什么 SO 要求您在此处提供标记/代码,而不是作为已被删除的链接。这个问题现在毫无价值,对任何人都无济于事(无论如何它不会对其他人有帮助)。
  • @Rob 你是对的。我正在使用 Inspinia Admin Bootstrap CSS,以防有人想知道

标签: html css


【解决方案1】:

我将包装器设置为 100% 高度,看起来还可以。

【讨论】:

  • 谢谢!提示是在 wrapper 而不是 page-wrapper 上设置 height:100% ! :)
【解决方案2】:

你应该使用这个代码:

height:auto;

【讨论】:

  • 感谢您的建议,但没有奏效。在 FireFox 中没有区别
【解决方案3】:

#page-wrapper 中,您应该使用height: 100%; 而不是min-height: 100%;

【讨论】:

  • 如我所说,如果page wrapper的高度超过100%就会出问题
猜你喜欢
  • 2020-08-26
  • 1970-01-01
  • 2017-10-06
  • 2014-11-20
  • 2011-12-10
  • 2012-10-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多