清除浮动的问题

清除浮动的问题

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

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

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

从div4开始清除浮动是什么意思。我的理解是既然浮动清除了,为什么蓝色方块还在黄色的后面,应该变成文档流排在黄色的下面。如果从div2或者div1开始清除浮动呢

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

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

5回答
好帮手慕小尤 2020-03-18 10:18:47

同学你好,1. div4设置 clear: both;,则在div4的上不允许出现浮动元素,导致div4跑到div2与div3的下方,使div3撑起了div1的高度。如下图所示:

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

2. 子元素浮动无法控制父元素的高度。如果父元素没有设置宽度和高度,完全是由子元素内容撑起来的,一旦子元素浮动也就是脱离文档流。浏览器渲染时,就好像父元素里面没有内容了。所以就会出现高度塌陷问题,也就是没有高度。

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

提问者 慕UI1578266 2020-03-17 20:28:27

如果子元素浮动,父元素的高度到底受不受浮动子元素的高度控制。

提问者 慕UI1578266 2020-03-17 20:26:27

既然div2和div3还是浮动的,那它应该和div4是上下2个层面。父级元素div1的高度怎么能够被div2和div3撑起来,应该是被div4的高度撑起

提问者 慕UI1578266 2020-03-17 10:48:46

还是不明白

  • 同学你好,同学那里还不明白,可以重新描述一下。如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
    2020-03-17 14:33:17
  • 提问者 慕UI1578266 回复 好帮手慕小尤 #2
    既然div2和div3还是浮动的,那它应该和div4是上下2个层面。父级元素div1的高度怎么能够被div2和div3撑起来,应该是被div4的高度撑起
    2020-03-17 20:25:42
好帮手慕小尤 2020-03-17 10:19:09

同学你好,1. clear 属性(清除浮动)定义了元素的哪边上不允许出现浮动元素。如下图所示:

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

在div4清除浮动,则在div4模块上没有浮动元素。

2. 如果在div3中清除浮动,则取消div2de 浮动,则会到div2的下面。如下图所示:

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

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

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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