本文主要介绍【css 高度自适应铺满全屏】和【css背景图片全屏】,有兴趣的朋友可以看下由【new_abc】投稿的技术文章,希望该技术和经验能帮到你解决你所遇的相关问题。
css背景图片全屏
html:
dddd
...
...
...
...
...
css:
.HolyGrail {
display: flex;
flex-direction: column;
background-color: blueviolet;
}
header,
footer {
height: 100px;
background-color: aquamarine;
}
body {
padding: 0;
margin: 0;
min-height: 100vh;
}
.HolyGrail-body {
flex: 1;
background-color: brown;
}
这里需要注意的是设置body的min-height: 100vh;以及margin: 0;
本文《css 高度自适应铺满全屏》版权归new_abc所有,引用css背景图片全屏需遵循CC 4.0 BY-SA版权协议。
本文地址:https://www.ufidawhy.com/gjp/120112.html
版权声明:本文来源于网络,如有侵权请E-mail联系 ufidawhy 站长 ufidawhy@vip.qq.com!
版权声明:本文来源于网络,如有侵权请E-mail联系 ufidawhy 站长 ufidawhy@vip.qq.com!