CSS盒模型

html文檔被瀏覽器解析之後會構造一棵DOM樹，文檔中的每個html元素會變成DOM樹上的節點，然後瀏覽器便要將這棵樹繪製出來。爲了方便節點的渲染，我們將每個節點看做一個盒子，如下圖。 盒模型有三種： W3C提出的標準盒模型（content-box） IE的怪異盒模型（border-box） padding-box 在兩種盒模型中元素所佔據的區域大小都是由padding、margin、boder、

>>阅读原文<<