The child element extends the parent element to a certain width, and the size of the child element is irregular.

the width of the parent element is stretched out by the child element, but when it reaches the position in figure 1, it becomes possible to scroll
the size of the child element is irregular
can you do it with pure css? can you do that twice when I met with js and recently encountered this problem in the interview? the interviewer said there is a simple way
you can help me figure it out

Css
Mar.06,2021

to the specified width, you can use max-width
to force no line wrapping. You can use display:flex; flex-flow: row nowrap
. The idea is something like this

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