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?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-47b74a0-aca.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-47b74a0-aca.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?