Responsive design 当没有明确的高度时,最小高度:100%做什么?
我在Opera 12.xx上有一个奇怪的问题(据我所知),所有内容都被可笑地隔开,巨大的空白部分将所有部分隔开 当我检查CSS时,我注意到有几个容器的属性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
minheight:100%
指向并包括html
和body
,但没有一个介入的父容器具有明确定义的高度。我的猜测是Opera在DOM树上一路递归,并且,自从它到达顶部,所有这些都至少达到了视口高度的100%
根据我对CSS的理解,这似乎是应该发生的事情。我的问题是:
- 这是应该发生的事,还是我误解了什么
- 如果是,为什么这个问题只影响Opera 12?(我知道Opera 15是免疫的,因为它使用Webkit。我的意思是,为什么Webkit会正常显示它?)
- 所有这些最小高度声明的意义是什么?似乎(在我的理解中)没有100%的答案,这不是迫使标记的元素将其高度基于其父级内容,而不是它们自己的内容吗?这是什么意思
Opera的行为与规范概述不一致,因此它是一个浏览器错误 你知道在所有这些元素上放置
最小高度:100%
的目的是什么吗?@Two-bitalchest:一点也不知道。