如何将正文高度设置为浏览器的 100%？答案

【问题标题】：How do I set the body height to 100% of the browser?如何将正文高度设置为浏览器的 100%？
【发布时间】：2018-10-23 02:52:46
【问题描述】：

这里是代码Code 下图是我的网站的屏幕截图。在右下角，您可以看到body 元素的尺寸为 1263.33 x 530：

但是，我的样式显示我已将主体设置为 100% 高度。如何将 html 和 body 高度设置为浏览器的 100%？

主要问题：我想将容器容器 div 发送回导航栏后面，以便在它附加到粘性栏时平滑滚动。

【问题讨论】：

标签： html css

【解决方案1】：

好吧，要使用height:100%，这个元素的所有父亲都必须有100% of height，解决方法是用100vh设置这个元素的高度，它告诉div设置100%的视口高度。

html, body{
   height: 100vh;
}

【讨论】：

【解决方案2】：

html,body{
height:100%;
margin:0;

}

div{
   background-color:blue;
   height:100%;
   }

<html>
   <body>
      <div>
      </div>
   </body>
</html>

你被否决了，因为你没有显示你的代码，老实说，这个问题不需要

body 的高度继承自 html 标签的高度。因此，请在您的 CSS 中尝试以下操作：

html, body {
    height: 100%;
}

【讨论】：