請賜教，這個 html, css 模型怎麼改
question.txt (6.0 KB)
右邊的5,6,7,8跑到下面去
但 我的 w3cschool 右邊沒問題呀
為何套上真實詞條就跑到下面去呢？
我的 w3cschool model
problem
有兩個 flex container，如果要排左右，是不是各自應當限制於 50vw 或49vw寬度?
謝謝回覆，剛發現好像不能僅在css設定，因為那是不定值，這樣套用會有問題 
一但圖片或所要 highlight 的長度大于css 所設定的應該是會拉成直條，全部顯示於左邊
我在手機上，不方便看html，想起 要排左右，他們的parent也許該改成 flex row 而不是flex column
1 个赞
這部份不很清楚，在下只是亂套，我再看看你說的差異，謝謝指引 
1 个赞
比方說 上層的 container 指定 display:flex; flex-flow: row nowrap，寬度100%，高度不用定。其中的 item 再調寬度。
Mastameta
一個很矛盾的疑問，也就是當 圖片是設定 max width，那是否會把兩邊的數字條的寬度擠掉，還是說會自動制約在整個 #main 的 max width
另外，你說的 flex raw ，記得好像一開始便以那樣的思考，但後來實在調不出來，才改成目前的方式
我還沒看懂結構，但目前有 19個 <div，18個 </div 。看看有沒有沒關閉的標籤
1 个赞
Thanks a lot, I’ll check 