首页 > 其他分享 >如何让一个div拥有屏幕的高度

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

时间:2023-03-31 09:56:09浏览次数:40  
标签:100% 高度 background div 0px 屏幕

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

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

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

解决方法:将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

标签:100%,高度,background,div,0px,屏幕
From: https://www.cnblogs.com/Zyatoer/p/17275287.html

相关文章

  • abap 屏幕选择查询自定义客户表
    *&---------------------------------------------------------------------**&ReportZPARMETERS4*&*&---------------------------------------------------------......
  • Codeforces Round 860 (Div. 2)
    Preface两三天没写题了小小的补一下题结果这场意外地很合胃口,1h不到就把A-E做完了,而且除了忘记初始化这种一眼丁真的错误好像也没写挂可惜当时懒了周日晚上就不打了(主要......
  • Educational Codeforces Round 65 (Rated for Div
    D-BicoloredRBS给定一个括号序列,现在你必须对每一个括号涂成蓝色或红色,要求使得涂完后的红色括号和蓝色括号序列都必须是合法的括号序列,设红色括号形成的的括号序列的......
  • ESP32-WROOM-32 & BH1750-获取环境亮度并调节屏幕亮度
    一、电路连接二、烧录测试程序#include<Wire.h>#include<BH1750.h>BH1750lightMeter;voidsetup(){Serial.begin(9600);//InitializetheI2Cbus(BH......
  • abap-屏幕选择
    REPORTzparmeters1.TYPE-POOLS:slis.TABLESvbak.SELECTION-SCREENBEGINOFBLOCKb1WITHFRAMETITLEtext-001.PARAMETERp1TYPEchar1ASCHECKBOXUSER-COMM......
  • Educational Codeforces Round 77 (Rated for Div2)
    B-ObtainTwoZeroes给定两个整数\(a,b\),你可以执行以下操作任意次:每次操作选择一个正整数\(x\),使得\(a:=a-x,b:=b-2x\)或者\(a:=a-2x,b:=b-x\),问你是否能通过操作使......
  • Your branch and 'origin/master' have diverged, and have 1 and 1 different commit
    当我们在本地提交到远程仓库的时候,如果遇到上述问题,我们可以首先使用如下命令:gitrebaseorigin/master 然后使用gitpull--rebase 最后使用gitpushoriginmaster 把......
  • JUDDIV3 部署
    JUDDIV3部署了2天了,不用脑子的集成版就下了,用脑子的dist版怎么都不知道。哪个朋友知道一定要告诉我啊!09的那家伙算是网络传人了,写了一片就NND百度疯......
  • juddiv3 client publisher代码
    packagejuddiv3admin.juddiv3;importjava.util.ArrayList;importjava.util.List;importjuddiv3admin.gui.GUI;importorg.apache.juddi.api_v3.*;import......
  • juddiv3 tmodel的代码
    环境:juddiv3+tomcat6.0+MySQL5.1+MyEclipse7.5WSDL在UDDI中的注册:    我们有两种方法和UDDI进行通信:   一、用soapui工具直接编写SOAP消息和UDDI进行......