Question

我认为height: max-content可能会成功，但没有成功。我不想通过添加另一个div来解决此问题。是否可以通过使用父元素和仅3个子元素来做到这一点？

.container {
  display: flex;
  flex-wrap: wrap;
}

.item {
  flex-basis: 54%;
  background: #000;
  margin: 1px;
  height: max-content;
}

.item.itm1 {
  flex-basis: 44%;
  height: 100px;
}

<div class="container">
  <div class="item itm1">1</div>
  <div class="item itm2">2</div>
  <div class="item itm3">3</div>
</div>

Answer 1

在我看来，我不认为借助“ flex”有可能实现您想要的目标。如果您可以再使用一个“ div”，则有可能，这是代码段。

>

<div class="container">
    <div class="item itm1">1</div>
    <div style="display: flex;flex-direction: column;width:55%">
        <div class="item itm2">2</div>
        <div class="item itm3">3</div>
    </div>
</div>

使用display flex在左侧放置一个div，在右侧放置两个div

1 个答案: