[问题] 请问这个CSS排版哪里错了?? MAXQb PTT批踢踢实业坊

[问题] 请问这个CSS排版哪里错了??

楼主: MAXQb 2020-03-08 01:19:36

想请问各位~
目前我的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
感谢。

作者: vavamos (vavamos) 2020-03-08 01:25:00

E区块怎没float

作者: itisjoe ( _(:3”∠)_) 2020-03-08 11:43:00

请善用线上工具 https://jsfiddle.net

作者: Rinorune (杜) 2020-03-09 00:06:00

大概是因为bc也是float吧 ... 实务上应该是不会这样写

作者: flowwinds (..) 2020-03-09 00:53:00

bcdf float移出了normal flow，故normal flow从E继续?

作者: sonia1127 (△△△) 2020-03-09 01:47:00

clearfix

作者: sanyaoooo (山药) 2020-03-09 10:51:00

用flex？

作者: Kenqr (function(){})() 2020-03-10 12:58:00

都2020了建议用flex排版

作者: ai791016 (circle) 2020-03-11 00:01:00

全加 float 或全不要

作者: Rinorune (杜) 2020-03-11 00:42:00

把同一row的元素包起来里面float inline-block flex随便可以去观察模仿市面上各大网站怎么排的

作者: angty8520 (完全变态) 2020-04-03 02:41:00

下面两个再包起来就可以了啊

继续阅读

Re: [问题] 还在人在用dreamweaver吗？vi000246 [问题] 做一个youtube要花多少钱？timothyht615 [问题] 还在人在用dreamweaver吗？hangovertini Fw: [心得] 教学影片分享-用图片轻松学Dockeruopsdod [问题] 网页设计lucy35 [请益] win+apache 外部连线太频繁，暂时中断...lovejoe7010 [心得] Google网站分析与网站工具资料共用moodyblue [问题] 一个绝对定位的问题cgcat [问题] heroku问题catrush [问题] 点连结关闭选单babit