为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/网页布局基础

清楚浮动怎么回事

为什么在mainbody里面的左右两个div中设置浮动 mainbody 也会受到影响？    清除浮动不是针对 紧跟着设置了浮动属性的元素的后面那个元素的吗？视频中mainbody  也受到了影响 无法显示了  怎么回事啊？

CoffeeandTea

2016-03-30

源自：网页布局基础  3-3

关注问题 我要回答
599
操作
收起

正在回答

2 回答

空指针异常null 回答被采纳 +3 积分
2016-03-30

因为子元素设置了浮动，父元素没有设置浮动，父元素高度就无法自动展开了

1 回复 有任何疑惑可以回复我~
收起回答
#1

CoffeeandTea 提问者

对！就是这里不清楚，什么叫做“父元素因为子元素的浮动而无法自动扩展？”
2016-03-30 回复 有任何疑惑可以回复我~
#2

空指针异常null 回复 CoffeeandTea 提问者

字面意思啊。本来子元素在父元素里，父元素不设置高度，那么它真实的高度就随着子元素的高度的变化而变化。但是设置了子元素浮动，就浮到了父元素上面，（想象一下3d的层次），那么父元素的高度本身就没设定，自然就没有显示了。所以要么清除浮动，要么让父元素一起浮动（本课讲的是清除浮动的方式）
2016-03-30 回复 有任何疑惑可以回复我~
#3

CoffeeandTea 提问者

非常感谢！
2016-03-30 回复 有任何疑惑可以回复我~
#4

CoffeeandTea 提问者 回复 空指针异常null

视频看了第二遍，感觉还是不对啊，你说本来子元素在父元素里面，这我是理解的，父元素在不设置高度的情况下，随着子元素的高度变化我也是理解的，但是后面你说“子元素浮到了父元素的上面！”还叫我想象一下3D层次，我就不懂了。因为浮动的元素仍然属于标准文档流之中啊，并且，浮动的特点是在容器的里面左右浮动直到碰到容器的边缘为止，这里他的容器不是wrap吗？那他怎么会浮到wrap的上面呢？为什么不是碰到wrap的边缘就停止呢？
2016-04-04 回复 有任何疑惑可以回复我~
查看1条回复
Alpine
2016-03-30

视频里，老师没有使用浮动啊。老师用的是父元素相对定位，子元素绝对定位。

0 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识

进入课程

清楚浮动怎么回事

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信