Html 将主体设置为高度=100%和最大高度=100%时的内部元件高度差

基于此帖子（和其他帖子）：

这样做似乎是合理的：

html {
  height: 100%;
}
body {
  min-height: 100%;
}

以便将背景拉伸到整个视口。但这是为什么呢

不同于

html {
  height: 100%;
}
body {
  height: 100%;
}

?

比较一下：

为此：

---

特别地，将内部div设置为height:100%似乎只有在我们将height=100%设置在body上时才起作用，但当我们将max height=100%设置为max height时则不起作用。

在第一个代码笔中，body的css不是

height:100%它的
最大高度：100%看看这个：这个最小高度和与百分比一起使用的高度是相对于高度的。。。因此，如果没有定义高度，它们将不工作，并且永远不会考虑最小高度作为最大/最小高度混合的参考道歉。我已经更正了第一个代码笔，但看到了相同的结果。那么，你是说，当父对象定义了整个视口的高度时，我不能让最小高度=100%？高度百分比、最小高度、最大高度使用父对象的高度作为参考，因此如果子对象使用的是父对象需要定义的三个高度之一，而不是最大高度或最小高度