这个float的高度为什么没有塌陷

因为我还并没有给container设置float属性，但是高度却没有塌陷，这是为什么呀？

the100s 2018-11-06

源自：CSS网页布局基础 3-2 圣杯布局案例

0

收起

1回答

妮可妮可妮_ 2018-11-06 10:39:40

元素设置了浮动,其父元素的高度如果没有设置高度,他的高度就为0,同学可以尝试在header外层嵌套一个div盒子,如下图所示:

当header设置了浮动,container已经有一部分被压住了,header在其上面,如图所示:

祝学习愉快!

慕码渣 #1

浮动没有被清除，但却没出现浮动塌陷什么原因？这不是和前面学的浮动塌陷问题自相矛盾了？

2018-11-12 14:03:16
妮可妮可妮_ 回复慕码渣 #2

你好同学,高度塌陷的意思是: 在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。同学可以尝试在header外部添加一个div测试是否出现父元素高度塌陷的问题祝学习愉快!

2018-11-12 14:43:33

相似问题

这里item没有设置float，为什么会发生高度塌陷？

老师缺个解决父元素高度塌陷的设置：overflow：hidden;zoom:1;

为什么container没有设置高度，footer和header并没有塌陷

关于浮动使用后父元素塌陷和居中问题

老师bfc和高度塌陷有什么区别吗

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

前端小白入门系列课程

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

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

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

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

378 40

到底是cellspacing还是cellpacing?

0 35

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

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号