CSS的盒子模型,BFC,line-height与height

CSS的盒子模型

　　标准盒子模型、IE盒子模型

　　两者的区别在于content的不同，IE盒模型的content包括border、padding

BFC  

　　块级格式化上下文 ==》如果拥有BFC的特性就会导致内容元素再怎么样，都不会影响外面元素。

　　触发BFC：

　　　　1.float的值不为none

　　　　2.overflow的值不为visible   【重点】

　　　　3.display的值为table-cell、tabble-caption和inline-block之一

　　　　4.position的值不为static或则releative中的任何一个 

line-height和height有什么区别？

　　height : 是高度

　　line-height : 是行高

　　height就是盒子的高度，line-height是每一行文字的高度（高度值会随着内容发生改变的）。【重点】