如何让一个div拥有屏幕的高度

发布时间 2023-03-31 09:51:47作者: Zyatoer

有些时候登录页面需要设置一个图片有这个屏幕的大小

但因为块级元素是根据自己内部的内容来撑起高度的

当一开始没有内容或内容完全不足一页的时候就无法占据整个屏幕

解决方法:将body,html,对应div的高度全部设置成为100%这样就可以让div撑满整个屏幕了。

<body>
  <div class="background">
    
  </div>
</body>
*{
  margin: 0px;
  padding: 0px;
  height: 100%;
}


.background{
  background-image: url(../img/login_bg.png);
}

image-20230331094700958