还在拿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>

相关阅读:
丢失宠物发布找寻平台
css的三大特性
【小余送书第三期】CTF/AWD竞赛标准参考书+实战指南：《AWD特训营》，参与活动，领书咯！
IDEA2022开发Java Web Servlet程序
猿创征文｜DEM分析分层重分类
二叉树--递归和回溯
电子产品设计时如何进行可组装性分析？经典案例分享
（论文阅读46-50）图像描述2
乌蒙滴叉自制谱上机教程
Spark Streaming 总结（未完待续）

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