不清楚为什么要去除浮动,去的是谁的,没去之前为什么没有占一行, 为啥子元素的浮动还在

来源:2-45 伪元素after(二)

王一宏

2020-03-25 18:24:38

http://img.mukewang.com/climg/5e7b30090998365c08190812.jpg


老师,为什么要让header显示背景颜色是去除浮动?不去除浮动它不可以显示吗?第一个我是没有想到去除浮动这个概念,所以不太明白

还有,为什么去除浮动,要多加一个div?不知道这个空加的div好端端的为什么出现?

还有我看老师讲的,去除浮动了,但是左边的还在左边,右边还在右边,为什么没效果呢?这个浮动去除的哪里的,难道是header的?去除调header的浮动,所以它的背景颜色显示了?如果不是header的浮动,为什么下边的2个子元素的浮动还在?如果是去除的header的浮动,那他在之前没有去除浮动的时候应该是有个行高的然后把两个子元素顶下来吧。所以不清楚这一节

写回答

1回答

好帮手慕糖

2020-03-25

同学你好,关于你的问题,回答如下:

1、因为header没有设置高度,是有子元素撑开的。但是子元素浮动了,导致父元素header高度塌陷,背景颜色不显示,所以需要清除下浮动。

2、同学截图的代码,之前还应该有个空格div

http://img.mukewang.com/climg/5e7b35cd099d352f02460173.jpg

这是清除浮动其中的一种方法,在最后添加一个空的div是可以清除浮动的。之前在清除浮动的时候,也有讲过这种方式,可以回顾下课程。

3、清除浮动,清除的是浮动带了的影响,比如:父级高度塌陷。而不是浮动本身,所以本身还是浮动的,可以在一行显示。

看同学是对清除浮动的知识掌握不牢固。在“前端零基础入门”课程的css部分的浮动中都是有讲解的,可以在回顾下。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~

0

0 学习 · 5012 问题

查看课程