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

footer为什么会变成浮动的

看了其他人的评论有点懵。。。。。意思是说这里main收到其子元素的影响也变成浮动了？然后footer也变成浮动了？footer为什么会变成浮动的

余生4

2016-03-05

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

关注问题我要回答

923

操作

收起

2 回答

爱学习要努力回答被采纳 +3 积分
2016-03-05

footer不是浮动的，但是他会受到main的影响，之所以别人说清除浮动，clear:both；那是因为清除main对它的影响，因为main是浮动的，它没有实际的高度.如果不清除浮动对footer的影响，它就会出现在main区域。

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

收起回答

爱学习要努力

很好理解,main中,left,right都是浮动的，那么他们的父div也就是main就没有实际的高度也就是height.

2016-03-05 回复有任何疑惑可以回复我~

从此浪迹天涯了无牵挂
2016-03-09

main里面有两个部分，left和right。main本身不浮动，但是left，right都浮动了，所以，main感受不到left和right，高度变为0.然后，foot也感受不到left，right存在，所以也会提上去，但是foot的文字部分不会提上去。因为浮动设计初衷就是为了文字环绕效果。再加上前面有个div{text-align:center; }所以foot只能在最下居中，而foot的背景层提上去在浮动的left和right之下显示

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

收起回答

余生4 提问者

现在已经彻底懂啦，THX

2016-03-09 回复有任何疑惑可以回复我~