grid两栏自适应布局，grid对齐，grid区域

grid两栏自适应：
            左边的宽是固定，高自适应
            右边 宽高都自适应

grid对齐：
 /* grid-column-gap:30px; */
            /* 列和列之间的间距 */
            /* grid-row-gap: 30px; */
            /* 行和行之间的间距 */
            /* justify-items: start; */
            /* 内容在单元格里的水平对齐 start end center */
            /* align-items: center; */
            /* 内容在单元格里的垂直对齐 start end center*/
            justify-content: space-evenly;
            /* 内容区域在容器中的水平对齐 center start end space-around space-between space-evenly*/
            align-content: space-around;
            /* 内容区域在容器中的垂直对齐 center start end space-around space-between space-evenly*/

grid区域：
 /* grid-column-start: 2; */
            /* 垂直的左 */
            /* grid-column-end:3 ; */
            /* 垂直的右 */
            /* grid-column: 2/4;
            grid-row:2/3; */
            /* grid-row-start: 2; */
            /* 水平的上 */
            /* grid-row-end:3; */
            /* 水平的下 */
            grid-area: e;
            /* 注意：不要加双引号 */