                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

清除浮动后，为啥footer的背景颜色变成绿色了？

此案例中，清除footer浮动样式后为啥背景颜色变成绿色了

余婷

2016-05-31

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

关注问题我要回答

796

操作

收起

2 回答

Cassie_yu
2016-06-03

footer的式样设置#9F9就是绿色的

当没有清除浮动的时候，footer的样式是被上面浮动的式样所覆盖了的，所以式样紧跟在head之后，而只显示出了文字

把代码复制到浏览器中去尝试下就会明白了

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

收起回答

快乐购

覆盖？怎么个覆盖法？

2016-07-18 回复有任何疑惑可以回复我~

Cassie_yu 回复快乐购

也就是说当前的main这一块整个都是浮动的，不在正常的文档流中，所以footer应该是紧跟在head的下面被盖住了啊（只是footer里面的文字依旧会认为浮动的main占据了空间，所以还在下面，具体原因可查看《CSS权威指南》）~~ 最后，你将main这一块里面的背景颜色都去掉，然后将它设置成透明的再看看就明白了。

2016-07-18 回复有任何疑惑可以回复我~