父盒子flex为1，用flex布局实现第一行两个子盒子，第二行三个子盒子

可以这样实现：

HTML代码：

<div class="parent">
  <div class="row1">
    <div class="box1"></div>
    <div class="box2"></div>
  </div>
  <div class="row2">
    <div class="box3"></div>
    <div class="box4"></div>
    <div class="box5"></div>
  </div>
</div>

CSS代码：

.parent {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.row1 {
  display: flex;
  flex-direction: row;
}

.row2 {
  display: flex;
  flex-direction: row;
}

.box1 {
  flex: 1;
  height: 100px;
  background-color: red;
}

.box2 {
  flex: 1;
  height: 100px;
  background-color: blue;
}

.box3 {
  flex: 1;
  height: 100px;
  background-color: green;
}

.box4 {
  flex: 1;
  height: 100px;
  background-color: yellow;
}

.box5 {
  flex: 1;
  height: 100px;
  background-color: pink;
}

这样，父盒子使用了flex布局，并且设为了flex: 1，意味着它会占据整个可用空间。同时，两个子盒子 box1 和 box2 位于第一行，使用了 display: flex 和 flex: 1，分别表示它们使用 flex 布局，并且占据了相等的宽度。同理，第二行的三个子盒子 box3、box4 和 box5 也是如此实现的。