為什麼這篇css排版flex鄉民發文收入到精華區：因為在css排版flex這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者MAXQb ()看板Web_Design標題[問題] 請問這個CSS排版哪裡錯了??時間Sun ...
想請問各位~
目前我的CSS排版預覽如下圖
https://i.imgur.com/jIGg5ws.png
其中A、B、C、D、F區塊皆沒問題
(有試過把E區塊的內容及CSS拿掉，A、B、C、D、F區塊皆沒變動位置)
但唯獨E區塊都沒辦法排在D和F區塊的中間
有試過調D、E、F間的大小、距離等等，但還是一樣
E區塊硬是跑到B區塊的上面，而E區塊的內容又在D區塊的下面
請問，這E區塊是少了什麼設定嗎? 該如何設定正確呢??
附上B~F的CSS碼
https://i.imgur.com/7jwWgHr.png
感謝。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.243.6.25 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1583601578.A.8A6.html
推 vavamos: E區塊怎沒float 03/08 01:25
請問E區塊也需要float嗎?不是D、F區塊分別float左、右後，E區塊就會在中間嗎?
→ Rinorune: 大概是因為bc也是float吧 ... 實務上應該是不會這樣寫 03/09 00:06
請問，那我該怎麼改才能把版面弄好呢?→ flowwinds: bcdf float移出了normal flow，故normal flow從E繼續? 03/09 00:53
→ sonia1127: clearfix 03/09 01:47
→ sanyaoooo: 用flex？ 03/09 10:51
→ Kenqr: 都2020了 建議用flex排版 03/10 12:58
推 ai791016: 全加 float 或 全不要 03/11 00:01
→ Rinorune: 把同一row的元素包起來 裡面float inline-block flex隨 03/11 00:42
→ Rinorune: 便 03/11 00:42
→ Rinorune: 可以去觀察模仿市面上各大網站怎麼排的 03/11 00:43
了解，原來還有其他更好用的語法感謝說明，我會去試試!!
※ 編輯: MAXQb (111.243.7.137 臺灣), 03/11/2020 23:27:12
推 angty8520: 下面兩個再包起來 就可以了啊 04/03 02:41