有点懵了关于这个颜色填充

来源:4-8 float包裹和崩溃

慕粉0647189024

2019-09-06 08:08:26

div1的颜色是红色   div2的颜色是黄色,然后设置了div2的宽度和高度  

因为div2是div1的子级元素,所以会首先出现红、黄两种颜色填充(这里我的理解是本来div就是块级元素,应该独自占一行,但是div2又是div1的子级元素,所以会一行出现,有两种颜色)

那div3也是div1子级元素,为什么它的颜色填充就不在同一行了(中间我已经把div1的宽度设置为500px,div2的宽度设置为200px,div3的宽度设置为200px,按理说应该都在同一行显示啊,难道这个时候又考虑块级元素吗,这和div2的思路不一样啊)

写回答

1回答

时间,

2019-09-06

同学,你好。

1、div是块级元素,会独占一行显示,即使两个div都设置了宽度为200px,也会在两行显示

2、div2因为是div1的子元素,因此会与div1重叠, div2和div3均为div1的子元素。div2和div3是同级的,因此会在红色背景中显示两行。

3、同学可以设置浮动效果使用div2和div3在一行显示

如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~

0

0 学习 · 3562 问题

查看课程