Question

我不明白赋予body和html高度100％的基本概念。为什么我们100％给予父母？

<body style="height:100%">和<html style="height:100%">。

当我为我的HTML和身体提供100％的高度时会发生什么，为什么我们给它？

Answer 1

赋予身体100％的身高和html不是必须的。但假设您要在网站上使用百分比值，则必须为两者分配100％的高度。

<强>为什么吗

许多CSS属性可以采用百分比值，通常用于根据父对象定义大小。

这意味着：如果您将height:20%分配给header（假设html＆gt; body＆gt;标头），则浏览器将根据父（正文）和正文的高度计算出20％就其父（html）而言。

但是身高的初始值为auto。当您查看Chrome等的开发者工具时，您会看到默认情况下正文的计算高度为0（零）。因此，标题高度不能正确计算。

这就是为什么在reset.css或类似的东西中定义如下行的原因：

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

Answer 2

Body查看其父级（HTML）以了解如何扩展动态属性，因此HTML元素也需要设置它的高度。

然而，身体的内容可能需要动态改变。将min-height设置为100％将实现此目标。

看这里