css grid布局,求助

WX20191101-163734.png

左1 右2, 怎么弄呢,折腾半天了

阅读 1.7k
1 个回答
<style>
        .container{
            display: grid;
            grid-template-areas:'a b'
                                'a c';
            grid-template-rows: repeat(2,1fr);
            grid-template-columns: repeat(2,1fr);
            width: 50vw;
            height: 50vh;
            margin: 25vh auto;
            grid-gap: 10px;
        }
        .a{
            background-color: red;
            grid-area: a;
        }
        .b{
            background-color: yellow;
            grid-area: b;
        }
        .c{
            background-color: green;
            grid-area: c;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="a"></div>
    <div class="b"></div>
    <div class="c"></div>
</div>

这样?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进