课程
/前端开发
/HTML/CSS
/如何用CSS进行网页布局
请在右侧编辑器补充完整样式,完成任务4,清除浮动。
2017-08-23
源自:如何用CSS进行网页布局 5-2
正在回答
清除样式这个试清除footer的样式还是清除浮动的div
建议楼主给二楼大神一个最佳,楼主还是不明白可以百度一下这个问题 就好像是一开始网页是有五个部分(header main[left\r_sub_left\r_sub_right] footer)排列撑起来的但是由于main中的元素浮起来了(从原来页面抬高了)导致页面坍缩footer上移所以一开始看不见颜色只有清除footer的浮动样式 才会将footer出现在应该在的位置。(想一下word图片和文字环绕的关系应该会明白。。。。。只是上层盖住下层)解释的不好 看看二楼大神的说法再百度一下就ok了。
柒月君
清除浮动是为了解决因为浮动而导致的高度坍塌 你不清除浮动就会发现foot并没有高度值 所以它的背景颜色出不来 就是因为没有给块设置值 你能感觉到它的存在是因为它里面有文本 如果没有文本也不看源码你都发现不了它的存在 如果你觉得明白了 给个最佳吧:-)
晴天小蜗牛
清除float目的是为了恢复文档流,使得foot能够位于main下方,而不是跑到head下方,个人理解
举报
用最简洁的案例教你布局的那些知识,这是前端工程师基本技能