CSS

1.盒模型

页面渲染时，DOM元素所采用的的布局模型，可以通过box-sizing进行设置。根据计算宽高的区域可分为：

• content-box  (W3C标准盒模型)
• border-box  (IE盒模型)
• padding-box
• margin-box

Tips: 理论上有上面4种盒子，但现在W3C与mdn规范均只支持 content-box  与  border-box 

---

 

2.BFC

 BFC是块级格式化上下文，是一个独立的渲染区域，让处于BFC内部元素与外部元素相互隔离，使内外元素的定位不会相互影响。

• 触发条件：

　　　　position：absolute/fixed

　　　　根元素

　　　　display：inline-block/table

　　　　float

　　　　overflow