微信小程序背景布局

这种布局如何实现

html代码

<view class="container"> <!--最外的盒子-->
  <view class="me_box">
    <view class="me_box_bg"></view> <!--黄色的背景-->
    <view class="me_box_content"> <!--具体的内容-->
      12345
    </view>
  </view>
</view>

css代码

.me_box{
  position: relative;
  min-height: 100vh;
  background-color: #F8F8F8;
}
.me_box_bg{
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 280rpx;
  transform: translate(-50%);
  background-color: #D1B782;
}
.me_box_content{
  position: relative;
  width: 100%;
  padding: 24rpx;
}