盒子模型主要分为两种：
W3C标准的盒子模型（标准盒模型）
在这种模型中，元素的宽度和高度仅包括内容区域，不包括内边距（padding）、边框（border）和外边距（margin）.
IE标准的盒子模型（怪异盒模型）
在这种模型中，元素的宽度和高度包括内容区域、内边距和边框，但不包括外边距.
这两种盒子模型的主要区别在于宽度和高度的计算方式。W3C标准模型更符合现代网页设计的需要，而IE怪异模型则是在早期版本的Internet Explorer浏览器中使用。现在，虽然大多数浏览器都支持W3C标准模型，但了解怪异模型仍然有助于兼容旧的IE浏览器。