关于BFC外边距穿透
BFC的英文全称是block format context 翻译成中文就是“块格式上下文”
BFC是一个独立的渲染区域 ，它会影响元素的定位以及其它元素之间的相互作用
在w3c中 规范的bfc的概念是，它决定了元素如何对其内容进行定位，以及与其它元素之间的关系相互作用 在进行盒子元素布局的时候 BFC提供了一个环境，在这个环境中按照一定的规则进行布局不会影响到其它环境中的布局
形成bfc的条件主要有浮动元素，绝对定位元素和overflow（除了visble之外的值）、
这个bfc外边距穿透问题，其实就是margin塌陷问题 在标准文档流中 块级标签之间 垂直方向上的margin会以大的值为准
解决这个问题可以用overflow：hiden产生bfc来解决
初次发帖，请多多指教