html - 如何在CSS中按行创建div

Question

我想创建 rowise block ie

---

| |分区2||div1 |div3 ||_______|div4|

但是当我尝试让“div2”低于“div1”时，我已经尝试过显示 rowise还有 div_container，它包含所有 div1、div2、div3、div4，但它不起作用我的 html 代码

#div_container
{
  height:325 px;
  width:600px;
  border-style: solid;
}
#div1
{
  height:325px;
  width:400px;
  border-style: solid;
}
#div2
{
  height:108px;
  width:200px;
  border-style: solid;
}
#div3
{
  height:108px;
  width:200px;
  border-style: solid;
}#div4
{
  height:108px;
  width:200px;
  border-style: solid;
}

<div id="div_container">
  <div id="div1">
    </div>
  <div id="div2">
    </div>
  <div id="div3">
    </div>
  <div id="div4">
    </div>
</div>

请给我建议先谢谢你

Answer 1

添加属性 display: 并为其赋值 inline-flex 它将起作用

#div_container
{
    display:inline-flex;
}