有些时候登录页面需要设置一个图片有这个屏幕的大小
但因为块级元素是根据自己内部的内容来撑起高度的
当一开始没有内容或内容完全不足一页的时候就无法占据整个屏幕
解决方法:将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);
}