是的,有可能。让兄弟姐妹单独设置最大高度,并设置其他人的
flex-basis: 0和
flex-grow:1,然后根据规范将其扩展到他们兄弟姐妹的高度。没有绝对定位。没有设置任何元素的高度。
main { display: flex;}section { display: flex; flex-direction: column; width: 7em; border: thin solid black; margin: 1em;}:not(.limiter)>div { flex-basis: 0px; flex-grow: 1; overflow-y: auto;}<main> <section> <div>I'm longer and will scroll my overflow. in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in</div> </section> <section > <div>Every parent's siblings match my height. in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text</div> </section> <section> <div>I'm shorter but still match the height. in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text in flow text</div> </section></main>


