                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /如何用CSS進行網頁布局

清除浮動后，為啥footer的背景顏色變成綠色了？

此案例中，清除footer浮動樣式后為啥背景顏色變成綠色了

余婷

2016-05-31

源自：如何用CSS進行網頁布局 5-2

關注問題我要回答

825

操作

收起

2 回答

Cassie_yu
2016-06-03

footer的式樣設置#9F9就是綠色的

當沒有清除浮動的時候，footer的樣式是被上面浮動的式樣所覆蓋了的，所以式樣緊跟在head之后，而只顯示出了文字

把代碼復制到瀏覽器中去嘗試下就會明白了

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

收起回答

快樂購

覆蓋？怎么個覆蓋法？

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

Cassie_yu 回復快樂購

也就是說當前的main這一塊整個都是浮動的，不在正常的文檔流中，所以footer應該是緊跟在head的下面被蓋住了?。ㄖ皇莊ooter里面的文字依舊會認為浮動的main占據了空間，所以還在下面，具體原因可查看《CSS權威指南》）~~ 最后，你將main這一塊里面的背景顏色都去掉，然后將它設置成透明的再看看就明白了。

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