<style>
  main{
    height: 140rem;
  }
  .container {
    height: 40rem;
    /* 转为flex容器,这样就可以使用flex特征进行布局了 */
    display: flex;
    justify-content: space-around;
    
  }

  /* flex项目必须是flex容器的直接子元素 */
  .container > .box {
    width: 30rem;
    border: 1px solid coral;
    padding: 1rem;
  }
</style>