当没有明确的高度时，min-height：100％会做什么？

Question

我的university website在Opera 12.xx上只有一个奇怪的问题（据我所知），其中所有内容都是荒谬的间隔，巨大的空白部分将所有部分分开。

当我检查CSS时，我注意到有几个容器具有属性min-height: 100%，包括html和body，但没有介入父级具有明确定义的高度。我的猜测是Opera在DOM树中一直向上移动，因为它到达顶部，所有这些至少是视口高度的100％。

基于我对CSS的理解，这似乎应该发生什么。我的问题，那么：

• 是应该发生什么，还是我误解了什么？
• 如果是这样，为什么这个问题只影响Opera 12？ （Opera 15是免费的，因为它使用Webkit，我知道。我的意思是，为什么Webkit会正常显示它？）
• 所有这些最小高度声明的重点是什么？似乎（再次，在我的理解中）不是100％的的答案，并且这不会强制标记的元素基于他们的父母的 内容，而不是自己的？那是什么意思？

一位大学网站管理员告诉我，必须采用这种方式，因为这个网站采用了响应式设计，虽然我承认我并不完全明白所有流行语的含义，但我不明白这与它有什么关系。

Answer 1

如有疑问，请咨询the spec：

  

如果未明确指定包含块的高度（即，它取决于内容高度），并且此元素未绝对定位，则百分比值将被视为“0”（对于“min-height”）或'none'（'max-height'）。

Opera的行为与规范概述不一致，因此它是一个浏览器错误。