How CSS clears flex layout (how to let absolute get the height of child elements)

problem description

case recurrence: the basic layout of the project adopts flex , and now uses table of antd ( grid of zent ) to make the grid table scrollable (scroll), which will cause the width to be stretched because of flex layout.

absoluteflex

absolute0.min-height, .absolute,.

explain with the diagram: grid-1 element contains grid-2 that is separated from the document flow, and grid-3 has a normal grid table
now grid-1 can only be rendered by setting min-height , otherwise height has been 0, but the height of grid-3 is unlimited, is there any way to let grid-1 get the grid-3 height or set it to scroll? (React Project)

thank you!

Javascript css antd react.js

May.13,2022

you can change your way of thinking, and it will be more and more troublesome to use location to solve this problem. You can pack a box for the elements you want to control, and you don't need flex in the flex, so you don't need flex or positioning

Previous: On the problem of Spring Data JPA soft deletion and associated query Number1

Next: How to view the source code of Python?