常用代码片段

垂直居中.item position absolute top 50% left 50% transform translate3d(-50%,-50%).item position absolute top 50% left 50% width 100px height 100px margin -50px 0 -50px 全屏显示page position fixed width 100% height 100% div height 100% 背景图background拓展 多个背景图叠加 效果图:logo和title均为image **分析:**分为三部分 header盒下: bg盒(蒙层) logo盒(底部背景) title 标题图 .header position relative width 100% height 200px box-sizing border-box overflow hidden display flex align-items center justify-content center .bg ...