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

傳統盒模型（box-sizing: content-box）：
+-------------+
|             |
|  內容區域   |
|             |
+-------------+
|  邊框區域   |
+-------------+
|  內邊距區域 |
+-------------+
|  外邊距區域 |
+-------------+
新盒模型（box-sizing: border-box）：
+-------------+
| 包含所有     |
|（內容+邊框+內|
|邊距）區域   |
+-------------+
|  外邊距區域 |
+-------------+

傳統的盒模型包含四個部分：內容區域，邊框區域，內邊距區域和外邊距區域。而新的盒模型只包含了兩個部分：包含所有區域和外邊距區域。

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

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

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