课程
/前端开发
/HTML/CSS
/如何用CSS进行网页布局
footer没有设置float，body也没有，为什么会对footer有浮动影响？
2016-07-17
源自：如何用CSS进行网页布局 5-2
正在回答
因为它与top是兄弟元素关系。float是原本就是为了让其他围着本身形成环绕效果，所以top设置了float它的兄弟footer就产生围绕它转的效果。
花花花花生喵 提问者
现在有三块，top，main，footer，因为main的子集全部成浮动元素，而自己本身又没有设置高度，所以它虽然在文档流里面，也是没有高度的存在。如果给main设置一个height，或者将main的任意一个有高度的子元素设置成非浮动的，都可以发现footer跑到后面去了。
top没有设置浮动
三水朝山
举报
用最简洁的案例教你布局的那些知识，这是前端工程师基本技能
