CSS3盒模型有兩種形式，這包括傳統(tǒng)的盒模型和新的盒模型。兩種盒模型存在細微的差別，如果您想用CSS3進行布局，您必須要理解這兩種盒模型的差異。

傳統(tǒng)盒模型（box-sizing: content-box）：
+-------------+
|             |
|  內(nèi)容區(qū)域   |
|             |
+-------------+
|  邊框區(qū)域   |
+-------------+
|  內(nèi)邊距區(qū)域 |
+-------------+
|  外邊距區(qū)域 |
+-------------+
新盒模型（box-sizing: border-box）：
+-------------+
| 包含所有     |
|（內(nèi)容+邊框+內(nèi)|
|邊距）區(qū)域   |
+-------------+
|  外邊距區(qū)域 |
+-------------+

傳統(tǒng)的盒模型包含四個部分：內(nèi)容區(qū)域，邊框區(qū)域，內(nèi)邊距區(qū)域和外邊距區(qū)域。而新的盒模型只包含了兩個部分：包含所有區(qū)域和外邊距區(qū)域。

兩種盒模型的一個主要區(qū)別在于計算邊框和內(nèi)邊距的方式。傳統(tǒng)的盒模型計算元素的整體寬度和高度，這包括內(nèi)容區(qū)域、邊框區(qū)域和內(nèi)邊距區(qū)域。而新的盒模型只計算元素的內(nèi)容區(qū)域和內(nèi)邊距區(qū)域，邊框和外邊距都計算在元素的寬度和高度之內(nèi)。

總的來說，傳統(tǒng)的盒模型相對于新的盒模型有一些缺點，例如布局時難以精確地控制元素的寬度和高度。新的盒模型在開發(fā)者之間更受歡迎，因為它可以更加容易地實現(xiàn)響應式布局和適應不同設備的屏幕尺寸。

不管使用哪種盒模型，都必須記住的一點是，設置元素的邊框、內(nèi)邊距和外邊距時，需要考慮它們對元素尺寸的影響。