译文链接：Javascript实用黑科技45条
本文是一篇翻译文章。原文： 45 Useful JavaScript Tips, Tricks and Best Practices
译文开始。
BFC的概念及应用与原理
BFC这个概念应该都不陌生，网上也有很多的文章介绍BFC概念以及用法。看了一些关于BFC的文章，下面就对BFC的概念以及用法做个总结。
Formatting context
在理解BFC之前，先理解什么是Formatting context
Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting context (简称BFC)和 Inline formatting context (简称IFC)。
清除浮动的常见方法与原理解析
在页面布局中，使用浮动(float )往往是不可避免的，尽管使用浮动后总可能会带来一系列的问题（如常见的“高度坍塌”），但是通过浮动能够方便我们的布局，因此，设置了浮动，我们总需要并也有必要去清除浮动。清除浮动的形式有很多种，但是总的概括起来就是两种类别：
- 在浮动元素之后添加空元素，并设置
style="clear:both;" - 在浮动元素的父元素设置overflow 或者display 属性为某些特定值
