小程序后台布局，B站的经典写法

 

视频，后台布局经验写法

https://www.bilibili.com/video/BV1nE41117BQ?p=108

 

?

1

 

相对路径是相对于父元素50%;

 

而如下平移是相对于自己元素宽度。

?

1 2	width: 90%; transform: translateX(-50%);

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

.user_content{   position: relative;   .user_main{     padding-bottom: 100rpx;     color: #666;           position: absolute;     left: 50%;       width: 90%;     transform: translateX(-50%);     top:-40rpx;       .history_wrap{       background-color: #fff;       display: flex;       navigator{         flex: 1;         text-align: center;         padding: 10rpx 0;         .his_num{           color: var(--themeColor);         }         .his_name{}       }     }