On the problem that the width of the parent element is not stretched out after the column swap in the vertical column layout of css flex layout wrap

flex layout the width of the parent element is not stretched out after the flex-flow: column wrap column is changed
1, the parent element is red and there is no limit on width and height,
2, question 1: column wrap; does not automatically open the parent element?
3, question 2: similar to a column after two columns I use the maximum height to achieve, a column to meet the maximum height after the column to continue two. Do you have a better way to implement it?

clipboard.png

online code preview
https://jsfiddle.net/p4oLk7dz/5/

Mar.03,2021

Thank you for the invitation

https://jsfiddle.net/p4oLk7dz/8/

1.box are all unnecessary

2. If it is arranged in the direction of the row, there is nothing wrong with your train of thought


Hello, have you finally solved it?

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-1e5495a-44809.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-1e5495a-44809.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?