.navbar{

  border-bottom: 1px solid #ccc;

  position: relative;

}

.navbar .title{

  position: absolute;

  width: 750rpx;

  text-align: center;

  left: 0;

  bottom: 20rpx;

  font-size: 30rpx;

}

.navbar image{

  position: absolute;

  left: 20rpx;

  bottom: 20rpx;

  width: 40rpx;

  height: 40rpx;

  z-index: 100;

}

.navbar .bg{

  width: 750rpx;

}

.container .text{

  display: flex;

  margin-top:200rpx;

  /* padding-top:280rpx; */

  width: 750rpx;

  position: fixed;

  left: 0;

  bottom: 100rpx;

  z-index: 100;

  /* border-bottom: 1px solid #ccc; */

}

.section{

  justify-content: center;

  display: flex;

  /* left: 5rpx; */

  width: 720rpx;

  height: 800rpx;

  border: 2rpx solid #000;

  border-radius: 20rpx;

}

flex布局了解一下

给这个容器设置width：150rpx 。。。。