CSS盒模型

html文档被浏览器解析之后会构造一棵DOM树，文档中的每个html元素会变成DOM树上的节点，然后浏览器便要将这棵树绘制出来。为了方便节点的渲染，我们将每个节点看做一个盒子，如下图。 盒模型有三种： W3C提出的标准盒模型（content-box） IE的怪异盒模型（border-box） padding-box 在两种盒模型中元素所占据的区域大小都是由padding、margin、boder、

>>阅读原文<<