Responsive design 当没有明确的高度时,最小高度:100%做什么?

Responsive design 当没有明确的高度时,最小高度:100%做什么?,responsive-design,percentage,css,Responsive Design,Percentage,Css,我在Opera 12.xx上有一个奇怪的问题(据我所知),所有内容都被可笑地隔开,巨大的空白部分将所有部分隔开 当我检查CSS时,我注意到有几个容器的属性minheight:100%指向并包括html和body,但没有一个介入的父容器具有明确定义的高度。我的猜测是Opera在DOM树上一路递归,并且,自从它到达顶部,所有这些都至少达到了视口高度的100% 根据我对CSS的理解,这似乎是应该发生的事情。我的问题是: 这是应该发生的事,还是我误解了什么 如果是,为什么这个问题只影响Opera 12

我在Opera 12.xx上有一个奇怪的问题(据我所知),所有内容都被可笑地隔开,巨大的空白部分将所有部分隔开

当我检查CSS时,我注意到有几个容器的属性
minheight:100%
指向并包括
html
body
,但没有一个介入的父容器具有明确定义的高度。我的猜测是Opera在DOM树上一路递归,并且,自从它到达顶部,所有这些都至少达到了视口高度的100%

根据我对CSS的理解,这似乎是应该发生的事情。我的问题是:

  • 这是应该发生的事,还是我误解了什么
  • 如果是,为什么这个问题只影响Opera 12?(我知道Opera 15是免疫的,因为它使用Webkit。我的意思是,为什么Webkit会正常显示它?)
  • 所有这些最小高度声明的意义是什么?似乎(在我的理解中)没有100%的答案,这不是迫使标记的元素将其高度基于其父级内容,而不是它们自己的内容吗?这是什么意思
一位大学网站管理员告诉我,必须这样做,因为这个网站采用了响应式设计,虽然我承认我不完全理解这个流行语的含义,但我不明白这与它有什么关系。

如果有疑问,请咨询:

如果未明确指定包含块的高度(即,它取决于内容高度),并且此元素未绝对定位,则百分比值将被视为“0”(表示“最小高度”)或“无”(表示“最大高度”)


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

你知道在所有这些元素上放置
最小高度:100%
的目的是什么吗?@Two-bitalchest:一点也不知道。