写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载

用

grid

grid-area

    <main >        <div ></div>        <div ></div>        <div ></div>    </main>

    .main {        display: grid;        grid-template-columns: 200px auto 200px;        grid-template-rows: 1fr;        height: 200px;    }    .center {        grid-area: 1 / 2 / 2 / 3;        background: deepskyblue;    }    .left {        grid-area: 1 / 1 / 2 / 2;        background: skyblue;    }    .right {        grid-area: 1 / 3 / 2 / 4;        background: skyblue;    }