標準盒模型和怪異盒模型

盒模型就是一個承載HTML元素的盒子，由content（內容區）、padding（填充）、border（邊框）、margin（邊距）組成。標準模式下它的寬度計算公式爲width + padding(左右) + border(左右)+ margin(左右) 。 由下圖可見，標準盒模型和怪異盒模型的區別就在於寬度的計算方式不同，怪異盒模型的寬度計算公式爲width+margin（左右）（就是說widt

>>阅读原文<<