請賜教，這個 html, css 模型怎麼改

fruition · January 23, 2022, 9:29am

右邊的5,6,7,8跑到下面去

但我的 w3cschool 右邊沒問題呀
為何套上真實詞條就跑到下面去呢？

我的 w3cschool model

problem

Mastameta · January 23, 2022, 10:31am

有兩個 flex container，如果要排左右，是不是各自應當限制於 50vw 或49vw寬度?

fruition · January 23, 2022, 10:34am

謝謝回覆，剛發現好像不能僅在css設定，因為那是不定值，這樣套用會有問題
一但圖片或所要 highlight 的長度大于css 所設定的應該是會拉成直條，全部顯示於左邊

Mastameta · January 23, 2022, 10:39am

我在手機上，不方便看html，想起要排左右，他們的parent也許該改成 flex row 而不是flex column

fruition · January 23, 2022, 10:48am

這部份不很清楚，在下只是亂套，我再看看你說的差異，謝謝指引

Mastameta · January 23, 2022, 11:02am

比方說上層的 container 指定 display:flex; flex-flow: row nowrap，寬度100%，高度不用定。其中的 item 再調寬度。

fruition · January 23, 2022, 11:11am

Mastameta
一個很矛盾的疑問，也就是當圖片是設定 max width，那是否會把兩邊的數字條的寬度擠掉，還是說會自動制約在整個 #main 的 max width
另外，你說的 flex raw ，記得好像一開始便以那樣的思考，但後來實在調不出來，才改成目前的方式

Mastameta · January 23, 2022, 11:30am

我還沒看懂結構，但目前有 19個 <div，18個 </div 。看看有沒有沒關閉的標籤

fruition · January 23, 2022, 11:31am

Thanks a lot, I’ll check