「Box Model」CSS有多少種類型？

Question

「Box Model」CSS有多少種類型？

Answer 1

CSS3有兩箱車型。 content-box和border-box。 content-box是默認值。

content-box

---

content-box是因爲CSS版本1的默認CSS盒模型當使用content-box，僅框的內容計算該盒子的寬度時被取入的效果。在下面的參考文獻中，content-box被稱爲W3C盒子模型。

border-box

---

border-box是微軟盒模型的移植版本。在Internet Explorer 5及更低版本中（IE6處於Quirks模式），IE將該元素的寬度視爲框的邊框，填充和內容區域的組合寬度。在以下參考中，border-box被稱爲W3C盒子模型。

否元素使用border-box盒模型除非經由box-sizing屬性指定，因爲這樣的：

box-sizing: border-box; 

參考圖象

---

Answer 2

據我所知，CSS盒子模型只有一種類型。 Internet Explorer的早期版本確實存在一個錯誤，其中填充和邊框包含在總寬度中，但它仍然是相同的框模型。