为什么刚开始header和footer设置float：left的时候footer不会跑到上面去？

（没有设置overf：hidden）

慕容3241023 2019-05-30

源自：CSS网页布局基础 3-2 圣杯布局案例（了解即可）

4

收起

1回答

好帮手慕码 2019-05-30 19:48:41

同学你好！
是因为中部并没有设置浮动，没有脱离文档流，还占原来的位置，因此footer不会跑到上面去。

如果是中部也设置了浮动，footer就会跑到上面去了，如图：

如果帮助到了你欢迎采纳祝学习愉快~

提问者慕容3241023 #1

不是，是一开始header和footer设置了float，container没有设置float，但是footer没有到上面去是为什么

2019-05-30 20:00:44
好帮手慕码回复提问者慕容3241023 #2

同学你好~ 在上面也说了呀，因为container没有设置浮动，没有脱离文档流，还是占有原来位置的，footer前面没有地方可上移，因此没有跑到上面去祝学习愉快，望采纳~

2019-05-30 20:19:22

相似问题

教程中header和footer设置浮动的作用是什么？

为什么header和footer设置float属性后，footer没有紧贴header之后显示呢？

header和footer左浮动脱离文本刘为啥容器里面三个内容不会被header覆盖

圣杯布局float问题

.footer和.header为什么要设置左浮动？

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

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载