css背景图片全屏

原创 用友财务软件  2022-09-02 11:30:12  阅读 438 次 评论 0 条
摘要:

html: dddd...............css: .HolyGrail {display: flex;flex-direction: column;background-color: bl

本文主要介绍【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!

评论已关闭!