CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。

CSS盒模型：w3c标准盒模型 (Standards Mode) + IE怪异盒模型 (Quirks mode)

区别:
标准盒模型由 ”box-sizing: content-box; ”设置，也是浏览器默认设置，内容content就是盒子的边界，宽高针对content显式指定；
IE盒模型由 “box-sizing: border-box; ”设置，边框border才是盒子的边界，宽高包含border和padding

css盒模型的margin合并现象：父子margin合并、兄弟margin合并
消除父子合并：overflow：hidden; 或者display: flex; 或者用border/padding遮挡
消除兄弟合并：display: inline-block;