有点懵了关于这个颜色填充
来源: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回答
同学,你好。
1、div是块级元素,会独占一行显示,即使两个div都设置了宽度为200px,也会在两行显示
2、div2因为是div1的子元素,因此会与div1重叠, div2和div3均为div1的子元素。div2和div3是同级的,因此会在红色背景中显示两行。
3、同学可以设置浮动效果使用div2和div3在一行显示
如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~
相似问题