课程
/前端开发
/HTML/CSS
/如何用CSS进行网页布局
其实我想为为什么要清除浮动啊？不清楚浮动为什么footer的绿色就没有显示出来？
2015-08-25
源自：如何用CSS进行网页布局 5-2
正在回答
如果不清除浮动，float的元素是脱离了文档流，那么这个元素原来在文档流里的位置不会被继续保留，就会被后来的元素所替代。这个例子中，float的元素的高度要比后来的元素即footer的高度要高，所以footer会被float的元素覆盖了，如果你把float的元素高度设置的比footer小一点，你就可以看到footer显出了部分绿色。 那么如果footer的样式中添加clear的作用是，保留原来float元素在文档流中的位置，这样footer元素就不会去替代float元素所在的位置了。
肉奶儿 提问者
shantouyyt 回复 肉奶儿 提问者
血蝴蝶
imlk
有没有人用 伪元素清除的 footer before：{ content:''; clear:both;} 这个貌似不能成功？ 谁知道为什么吗
解释的很好
举报
用最简洁的案例教你布局的那些知识，这是前端工程师基本技能
