盒模型是 CSS 中很重要的一部分，在頁(yè)面布局和樣式設(shè)計(jì)中都有著很重要的作用。盒模型大致可以分為兩種：W3C 盒模型和 IE 盒模型。

W3C 盒模型是標(biāo)準(zhǔn)模型，它的寬度（width）和高度（height）只包含內(nèi)容（content），而不包含邊框（border）和內(nèi)邊距（padding）。

這是一個(gè)盒子

IE 盒模型是指 Internet Explorer 的盒子模型，它與 W3C 盒模型不同，它的寬度（width）和高度（height）包含了邊框（border）和內(nèi)邊距（padding）。

這是一個(gè)盒子

除了 W3C 盒模型和 IE 盒模型以外，CSS 還提供了一種特殊的盒模型：flex 盒模型。它的特點(diǎn)是可以通過(guò) flex 屬性來(lái)控制子元素在容器中的排布方式。

通過(guò)以上介紹，可以看出 CSS 中盒模型有 W3C 盒模型、IE 盒模型和 flex 盒模型三種。在實(shí)際開(kāi)發(fā)中，需要根據(jù)設(shè)計(jì)需求和瀏覽器兼容性來(lái)選擇使用哪種盒模型。