关于清除浮动

来源:2-8 主体部分的底部

慕仔3175637

2020-05-11 23:52:15

案例中添加浮动之后,又清除浮动,可以详细解释一下吗?不是很理解,清除之后,浮动为什么还生效

写回答

1回答

好帮手慕小鱼

2020-05-12

同学你好,案例中,给图片设置了浮动,导致高度塌陷,背景颜色没有铺满,所以需要清除浮动,才能让其有高度、背景覆盖。所以需要在呈现内容的div下添加一个空div清除浮动。案例参考如下:

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

清除浮动不是把元素身上的浮动清除掉,而是清除浮动元素给其他元素带来的影响,清除浮动后元素本身还是浮动的,所以设置的浮动还生效。例如元素浮动之后,父元素高度塌陷。这里的清除浮动就是解决高度塌陷问题,让父元素高度能够被撑开。在前面的浮动基础课程中是有讲过这个效果的,建议同学复习一下,以巩固所学知识,具体可参考如下链接:

https://class.imooc.com/lesson/756#mid=18864

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


0

0 学习 · 40143 问题

查看课程