设置div高度

Question

如果我有

body, html {
  height: 100%;
}

innerDiv {
  height: 100%;
}

innerDiv的高度是否是视口（即窗口）的高度？

...还是高度=所有窗口内容的高度（可能很高），即位于窗口底部边缘下方？

我知道我可以只使用100vh，但我希望完全避免使用视口单位。

Answer 1

height = 100％表示元素应在父元素中占该％。 所以在这里，如果您在html中只有一个innerDiv，则100％就是innerDiv元素。它环绕它。

提示：请始终使用border尝试样式，以便确定发生了什么。