清除浮动的问题

来源：3-7 布局-解题-3

Kywane

2021-08-31

老师请问下在课程6分52秒的时候，footer是因为什么原因导致的和left right出现在了同一行，而在清除浮动后又变正常了呢

写回答

2回答

双越

2021-09-01

footer 不是在 right 后面。你可以浏览器检查一下

//img.mukewang.com/szimg/612ec623097787d908900294.jpg

Kywane

奥，老师我好像明白了，因为float最初目的是为了做文字环绕的，所以它会压住标准流的盒子但不能压住里面的文字内容，所以this is footer才会出现在那个位置了对吧

2021-09-01

共2条回复

双越

2021-08-31

就是因为 footer 上面的 div 增加了 float 。清除浮动自然就正常了。

Kywane

老师，是这样的，那个container里面的这三个p标签进行浮动以后不是会脱离文档流造成父容器高度坍塌，撑不起盒子影响下面的文档流，那为什么这个footer不会顶到header下面那个位置而是出现在了right元素的后边呢，我不知道是不是我思考的不对，还麻烦您能不能给详细解答下呀

2021-08-31

共1条回复

一天时间高效准备前端技术一面匹配大厂面试要求

针对时下面试高频考点，帮助新人js面试快速通关

4694 学习 · 1681 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1