CSS2中的盒模型是關(guān)系到我們排版定位的要害，例如<div>就遵循盒模型規(guī)范。盒模型定義的margin，background-color，background-image，padding ，content，border，初學(xué)者經(jīng)常會(huì)搞不清楚它們之間的層次、關(guān)系和相互影響。這里提供一張盒模型的3D示意圖，希望便于你的理解和記憶。

原圖出自：hicksdesign

需要說明的是：IE和Mozilla瀏覽器對盒模型的解釋不一致，造成我們定位上的困難，主要差別是：

• IE計(jì)算2個(gè)div之間的距離時(shí)候，會(huì)把1px的border計(jì)算在內(nèi)，而mozilla沒有；
• 設(shè)定div的寬度后，假如給padding加一個(gè)值，IE會(huì)在寬度內(nèi)減去這個(gè)值，而M ozilla會(huì)在寬度基礎(chǔ)上加上這個(gè)值。