BFC----块级格式上下文

http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html
http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
上文已经将的很详细了，大家可以看看！
这里提另外一个相关问题:
http://blog.csdn.net/duran1986/article/details/6930967我在这篇文章中找到了答案；
问题是：有时候我们调子元素的margin-top，是想和父元素拉开距离，可事实是和父元素没拉开距离，反而是父元素与上面拉开了距离，感觉子元素的设置在父元素上起作用，为什么呢？
这是css2.1盒模型中规定的内容——Collapsing margins：
In this specification, the expression collapsing margins means that adjoining margins (no non-empty content, padding or border areas or clearance separate them) of two or more boxes (which may be next to one another or nested) combine to form a single margin. 所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。
所以这是规定，你想用它（css）就要符合它的规定