相关疑难解决方法(0)

我有两个兄弟元素,每个元素都包含动态内容.

<div class="flex">
    <div class="sibling-1"></div>
    <div class="sibling-2"></div>
</div>

在某些情况下sibling-1会有更多内容sibling-2,反之亦然.我希望第二个元素sibling-2的高度始终等于第一个元素的高度sibling-1.如果高度sibling-2大于那么sibling-1它的高度将溢出flexdiv,因此可以滚动.

有没有办法用Flexbox实现这一目标？

我有一个外部div包含三个内部div.

我希望最左边的内部div始终确定外部div的高度.如果其他内部div的内容[比最左边的div]少,则它们将具有空白空间.如果他们有更多的内容[比最左边的div],他们会得到一个滚动条.

关于SO的一些其他问题询问将外部div的高度设置为内部div 的高度.但是,在我的情况下,我有多个内部div,我不知道外部div的高度是多少还是小于最左边div的高度.

有没有办法做到这一点,特别是只使用CSS？