作者MAXQb ()
看板Web_Design
标题[问题] 请问这个CSS排版哪里错了??
时间Sun Mar 8 01:19:36 2020
想请问各位~
目前我的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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1583601578.A.8A6.html
1F:推 vavamos: E区块怎没float 03/08 01:25
请问E区块也需要float吗?
不是D、F区块分别float左、右後,E区块就会在中间吗?
3F:→ Rinorune: 大概是因为bc也是float吧 ... 实务上应该是不会这样写 03/09 00:06
请问,那我该怎麽改才能把版面弄好呢?
4F:→ flowwinds: bcdf float移出了normal flow,故normal flow从E继续? 03/09 00:53
5F:→ sonia1127: clearfix 03/09 01:47
6F:→ sanyaoooo: 用flex? 03/09 10:51
7F:→ Kenqr: 都2020了 建议用flex排版 03/10 12:58
8F:推 ai791016: 全加 float 或 全不要 03/11 00:01
9F:→ Rinorune: 把同一row的元素包起来 里面float inline-block flex随 03/11 00:42
10F:→ Rinorune: 便 03/11 00:42
11F:→ Rinorune: 可以去观察模仿市面上各大网站怎麽排的 03/11 00:43
了解,原来还有其他更好用的语法
感谢说明,我会去试试!!
※ 编辑: MAXQb (111.243.7.137 台湾), 03/11/2020 23:27:12
12F:推 angty8520: 下面两个再包起来 就可以了啊 04/03 02:41