清除浮动是什么意思

清除浮动是什么意思

div4本来就没有浮动,在它里面写清除浮动,清除的是谁的浮动呢?

正在回答 回答被采纳积分+1

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

2回答
smallfish001 2019-06-16 00:32:55

我也想听一听老师是怎么回答这个问题的,有点意思,clear:both后为啥子元素还能保持浮动状态这个疑问。不过,我想的是,子元素添加浮动,它就是想要浮动的效果,浮动在我理解里其实就是为了水平排序用的。但这样就导致了父元素的崩塌(除了父元素定义了height),而真实的页面,该父元素下面不可能没有其他元素。那崩塌就会出问题了,就需要让父元素撑起来。而clear:both是专门告诉父元素的,父元素不会识别到子元素已经浮动了。我也不太清除我这个理解对不对,但这样理解能解释这个问题。大笑三声,哈哈哈

好帮手慕美 2019-06-14 14:15:00

同学,你好。

clear:both;是清除上面盒子的浮动,即清除div2和div3的浮动。在有浮动的时候,脱离文档流不占自身位置没有高度,因此父级的高度也是塌陷的,高度为0。清除浮动之后占据一定文档流,div4会正常显示,因此会将父级div1的高度撑起来。

如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~

  • 提问者 Amos_ZHUANG #1
    那清除浮动后,为什么div 3没有像文件流一样独占一行
    2019-06-14 14:50:38
  • 好帮手慕美 回复 提问者 Amos_ZHUANG #2
    在div3的css样式中,设置了它的宽和高均为240px,因此显示为正方形,该div也是独占一行的。同学可以再添加一个div并设置宽高来进行测试。
    2019-06-14 15:14:59
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
3.从网页搭建入门Python Web
  • 参与学习           人
  • 提交作业       218    份
  • 解答问题       3562    个

本阶段带你用Python开发一个网站,学习主流框架Django+Flask是Python Web开发的第一步,在基础知识上实现积分商城的项目开发,体验真实的项目开发流程,提高解决编程问题和效率的能力。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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