我是 left

    

      
网格布局解决方案
我是 center
    

    
我是 right
  



.layout.grid .left-center-right {
  display: grid;
  width: 100%;
  grid-template-rows: 100px;
  grid-template-columns: 300px auto 300px;
  /* 重要：设置网格为三列，并设置每列的宽度。即可。*/
}

.layout.grid .left {
  background: red;
}

.layout.grid .center {
  background: green;
}

.layout.grid .right {
  background: blue;
}