Question

在查看其他人的代码（或许多CSS重置）时，我看到html元素使用基本样式（如height: 100%）解决，有时我会完全忽略它。在我的实验中没有区别，但我不确定我是否遗漏了一些东西。

在this post中，他们举了

的例子

html,body{
   min-height: 101%;
}

保持滚动条可见（但没有其他确定的答案）。除了像这样的黑客，有什么特定的理由来设置html元素的样式吗？

Answer 1

我能想到的主要原因是，为了在height中指定%，父元素需要明确设置高度。

假设您有一个容器<div>，您需要100%身高和响应。除非您为其父height:100%指定高度，否则只需应用<body>将无效。

因此我们会对height:100%应用<body> - 现在，由于<body>的父级没有明确设置高度，因此这不起作用 - 这是我们的{ {1}}元素。

因此我们申请

<html>

...！

如果您的设计没有响应，则不需要这样做，即如果您在像素中设置固定尺寸

Answer 2

这用于制作高度：相对于视口高度的100％。

Answer 3

据我了解，它是显示滚动条的html元素。因此，如果您由于某种原因根本不想显示滚动条，则需要隐藏该元素的溢出。

有关html元素here

的更多信息