瀑布流浮动问题

老师请问一下，如果盒子浮动，那包裹层父元素不是塌陷了吗，那这样的话为什么盒子还能居中呢

董建州 2017-07-01

源自：项目：JQ实现瀑布流 3-2 使用JS完成定位布局

35

收起

2回答

小丸子爱吃菜 2017-07-02 10:02:18

清除浮动的方式有很多种，可以给父元素设置高度、设置overflow、或者clear清除浮动。

你说的第二个问题，能否用代码去显示，这样表述会更清晰~

祝学习愉快！

卡布琦诺 2017-07-01 20:44:58

盒子高度塌陷但是不影响内容的左右居中哦，盒子浮动后，记得清楚浮动或者使用overflow: hidden;重新获取高度哦

提问者董建州 #1

谢谢老师。但是讲课的老师好像没清除呀。老师还有就是，如果在父元素上加overflow，那后面用绝对定位的盒子就撑不开父元素了，这个要怎么解决

2017-07-02 00:40:59
卡布琦诺回复提问者董建州 #2

清楚浮动的方法有多种，需要根据具体的开发环境进行选择哦~

2017-07-03 09:32:15

相似问题

如何在瀑布流的宫格中加入短视频

关于浮动的疑问

用vue写了一下风袖首页

html5页面布局，里面有浮动的设置是否需要清除浮动？

设置瀑布流布局时出现的问题

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载