何时该清除浮动

何时该清除浮动

老师你好:

1、在此节里为何在.center里就这么快要清除浮动

2、清除浮动是在父元素里清除好还是在爷元素清除好

3、在不同的祖先元素里清除浮动有什么区别吗?

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,如果浮动没有产生不好的影响,一般不设置清除浮动是可以的。祝学习愉快~

好帮手慕夭夭 2020-10-27 09:50:13

同学你好,问题解答如下:

1.因为center里面的子元素设置了浮动,浮动元素会脱离文档流,无法撑开父元素center的高度,导致center高度塌陷。如下:

http://img1.sycdn.imooc.com//climg/5f977ba2095bcc2018520395.jpg

所以解决父元素高度塌陷,就需要给父元素center清除浮动。

2.浮动给谁带来了影响,就给谁清除浮动。上面第一条老师提到了,是子元素浮动给父元素带来的高度塌陷,所以要给父元素清除浮动。父元素高度撑开了,父元素自然可以把爷爷元素的高度撑开。如果给爷爷元素设置清除浮动,那么父元素高度还是塌陷的,这样显然不如直接给父元素清除浮动好。


3.区别参考第二条,给爷爷元素清除浮动,父元素高度依旧塌陷。因为浮动带来的直接影响,是父元素高度塌陷。所以要从根本上解决问题,给父元素清除了浮动,上面祖先元素的高度,自然就能被后辈们撑开了。

祝学习愉快~

  • 好的,我在自己的代码中并没有在.center中清除浮动,页面效果并没有影响。视频中li元素也设置浮动了,但老师并没有在其父元素ul中清除浮动,好像也没有带来什么不好的影响。 那么是否只要不影响最终效果,清除浮动或不清除并不重要?还是说,只要子元素设置了浮动,父元素都要清除浮动?
    2020-10-27 21:45:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师