2

我的大学网站仅在 Opera 12.xx 上有一个奇怪的问题(据我所知),所有内容都被荒谬地隔开,巨大的空白区域将所有部分隔开。

当我检查 CSS 时,我注意到几个容器的属性min-height: 100%上升到并包括htmland body,但没有介入的父级具有明确定义的高度。我的猜测是 Opera 一直递归到 DOM 树,并且由于它到达顶部,所有这些都至少达到了视口高度的 100%。

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

  • 这是应该发生的事情,还是我误解了什么?
  • 如果是这样,为什么这个问题只影响 Opera 12?(Opera 15 是免疫的,因为它使用了 Webkit,我知道。我的意思是,为什么 Webkit 可以正常显示它?)
  • 所有这些最小高度声明的意义何在?似乎(再一次,在我的理解中)没有答案 100% of what,这不是迫使标记的元素将其高度基于其父级的内容,而不是他们自己的吗?这有什么意义?

一位大学网站管理员告诉我,它必须是这样的,因为这个网站采用了响应式设计,虽然我承认我不完全理解这些流行词的含义,但我不明白它的含义与它有关。

4

1 回答 1

2

如有疑问,请查阅规范

如果没有明确指定包含块的高度(即,它取决于内容高度),并且该元素不是绝对定位的,则百分比值被视为'0'(对于'min-height')或'none' (对于“最大高度”)。

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

于 2013-08-29T03:42:55.190 回答