html - 放置 div 块

Question

请告诉我有 3 个 div 块。如何将 div 3 放在 div 1 下？无法更改放置块的位置，因为 div 3 正在提交表单。

.div1 {
  width: 100px;
  height: 100px;
  border: 1px solid;
}

.div2 {
  width: 100px;
  height: 500px;
  border: 1px solid;
}

.div3 {
  width: 100px;
  height: 100px;
  border: 1px solid;
}

<div style="display:flex;">
  <div class="div1">
    div1
  </div>
  <div class="div2">
    div2
  </div>
</div>
<div style="display:flex;">
  <div class="div3">
    div3
  </div>
</div>

标签： htmlcss

Answer 1

像这样将div1 和 div3 组合在一起<div></div>：

<div style="display:flex;">
  <div>
    <div class="div1">
      div1
    </div>
    <div class="div3">
      div3
    </div>
  </div>
  <div class="div2">
    div2
  </div>
</div>