<div class="right">right</div>
</div>
<div class="footer">footer</div>
4. 总结
1. 利用bfc方式清除浮动，简单、浏览器支持良好，但在IE6-版本支持存在问题。但是存在以下局限性，要适环境而用：
a) Overflow方式：滚动条会被隐藏，如果子内容超高则存在显示不全的问题；
b) Float方式：让父容器浮动，那么就存在对父容器同辈元素的影响；
c) Dipslay方式：让父容器变为table或者flex等，都存在不明确的影响，大家都不推荐使用。
2. 最佳解决方案：利用:after添加一个伪元素并给予clear:both和zoom:1来实现清除浮动，兼容性好，对环境影响最小。
