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

课程

/前端开发

/HTML/CSS

/如何用CSS进行网页布局

footer没有颜色只有字

https://img1.sycdn.imooc.com//5ae938610001f41b14350806.jpg

提问咋这么难？啊

慕慕0159803

2018-05-02

源自：如何用CSS进行网页布局  5-2

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

正在回答

2 回答

枫芒i
2018-06-08

footer 的色块已经跑到了上面，只有文字在下面，之所以会跑走，是因为上面的元素用了浮动，原来的位置就空了出来，然后 footer 没有浮动元素，又没有清除浮动，就占据了中间位置，所以，想让footer 在他自己的位置，就先清除浮动（clear：both）希望帮到你~...

.footer{ height:50px; background:#9F9; clear:both;}

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

慕沐1437602

谢谢！
2018-07-28 回复 有任何疑惑可以回复我~
#2

枫芒i

因为浮动算是半脱离文档流，后面的元素块当他不存在，但后面元素块的内容仍然会给它让位。文字环绕就是利用了浮动的这个特性!
2018-08-03 回复 有任何疑惑可以回复我~
#3

weixin_慕粉1378369 回复 枫芒i

那为什么那个颜色块会上去呢？不是说要给它留个空吗？
2018-12-28 回复 有任何疑惑可以回复我~
#4

枫芒i 回复 weixin_慕粉1378369

颜色块是容器的背景。上面说了,浮动半脱离文档流，后面的元素块当他不存在，但是元素快中的内容（比如文字）给他让位了,所以颜色块上去了，字还在下面。
2019-01-18 回复 有任何疑惑可以回复我~
查看1条回复
无柳先生V
2018-05-02

代码呢？贴出来看看。

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

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

进入课程

footer没有颜色只有字

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