如何将身高设置为浏览器的100%?

时间:2018-10-22 15:17:51

标签: html css

这是代码Code 下图是我的网站的屏幕快照。在右下角,您可以看到body元素的尺寸为1263.33 x 530:

enter image description here

但是,我的样式显示我将身体设置为100%的高度。如何将HTML和正文高度设置为浏览器的100%?

主要问题: 我想将容器-容器div返回到导航栏后面,以便在粘贴到粘性栏时进行平滑滚动。

2 个答案:

答案 0 :(得分:0)

好吧,要使用height:100%的所有父元素必须具有100% of height的解决方法,为此使用100vh设置此元素的高度,它告诉div设置为100%视口高度。

html, body{
   height: 100vh;
}

答案 1 :(得分:-1)

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

}

div{
   background-color:blue;
   height:100%;
   }
<html>
   <body>
      <div>
      </div>
   </body>
</html>

您因未显示代码而被否决了,说实话,这个问题并不需要

主体的高度是从html标签的高度继承的。因此,请在您的CSS中尝试以下操作:

html, body {
    height: 100%;
}