还在拿flex进行布局吗？快来试试grid网格布局吧

例：

遇到这种布局要求我们应该怎么办？

方法1：使用flex布局


    <style>
      * {
        padding: 0;
        margin: 0;
      }
      .gird_Box {
        width: 100vw;
        height: 500px;
        display: flex;
      }
      .item1 {
        background-color: pink;
        flex: 1;
      }
      .line {
        background-color: palegreen;
        width: 20px;
      }
      .item3 {
        background-color: skyblue;
        flex: 1;
      }
    style>
  head>
  <body>
    <div class="gird_Box">
      <div class="item1">item1div>

相关阅读:
字节前端实习一面
Elasticsearch alias 使用
优化数据中心机架和设备的 5 个理由
Sql 语句小课堂7：在sqlserver对多行数据实施随机数
照身帖、密钥，看古代人做实名认证有哪些招数？
[Emeuelc]DC模拟器Flycast按键设置相关研究
git提交代码的流程
hadoop小知识
vite2 + vue3 使用svg图标
QT 智能指针注意事项（备忘)

原文地址：https://blog.csdn.net/weixin_42981560/article/details/126359382