关于清除浮动
来源:2-8 主体部分的底部
慕仔3175637
2020-05-11 23:52:15
案例中添加浮动之后,又清除浮动,可以详细解释一下吗?不是很理解,清除之后,浮动为什么还生效
1回答
同学你好,案例中,给图片设置了浮动,导致高度塌陷,背景颜色没有铺满,所以需要清除浮动,才能让其有高度、背景覆盖。所以需要在呈现内容的div下添加一个空div清除浮动。案例参考如下:
清除浮动不是把元素身上的浮动清除掉,而是清除浮动元素给其他元素带来的影响,清除浮动后元素本身还是浮动的,所以设置的浮动还生效。例如元素浮动之后,父元素高度塌陷。这里的清除浮动就是解决高度塌陷问题,让父元素高度能够被撑开。在前面的浮动基础课程中是有讲过这个效果的,建议同学复习一下,以巩固所学知识,具体可参考如下链接:
https://class.imooc.com/lesson/756#mid=18864
如果我的回答帮助了你,欢迎采纳,祝学习愉快~
相似问题