Javascript 使两个div在一列中一个低于另一个，具有最高的高度（无JS）

有没有可能在一列中有两个

div

s，其中一个位于另一列之上，这样两个div的高度都是“最高”的，而不需要使用Javascript

下面是一些示例代码：

<div class="col col-6-lg">
  <div id="inner1"></div>
  <div id="inner2"></div>
</div>

我已经成功地使用了Javascript，并且在这里的一篇好文章中尝试了使用flex：但它并没有像我所希望的那样工作。单个“行”中的所有div都会调整为最高div，但它不会向下传递到多个“行”

我想知道还有其他非JS解决方案吗

---

我对标记Javascript和jQuery很谨慎，但我觉得这是合适的。

我不知道……“它不起作用”对解决您的问题没有多大帮助。它到底是怎么不起作用的？出了什么问题？期望的结果是什么？你能为这个问题提供一个简单的例子吗？基本上…不。即使使用flexbox也不行。子div的高度是基于父级高度的……如果不知道，子级高度怎么可能是父级高度的50%？我想我会插话回应其他人已经说过的话——不，仅仅用CSS是无法做到这一点的。如果同级div位于同一行（彼此相邻），Flexbox只能保持相同的高度。一旦兄弟姐妹的div折叠（彼此重叠），它就无法保持相同的高度。据我所知，这并不是说…“它不起作用”对解决您的问题没有多大帮助。它到底是怎么不起作用的？出了什么问题？期望的结果是什么？你能为这个问题提供一个简单的例子吗？基本上…不。即使使用flexbox也不行。子div的高度是基于父级高度的……如果不知道，子级高度怎么可能是父级高度的50%？我想我会插话回应其他人已经说过的话——不，仅仅用CSS是无法做到这一点的。如果同级div位于同一行（彼此相邻），Flexbox只能保持相同的高度。折叠兄弟div（彼此重叠）后，它无法保持兄弟div的相同高度。