CSS盒子模型是用于布局和定位網頁元素的基本概念。它描述了一個元素在網頁中的尺寸、邊框、內邊距和外邊距之間的關系。

每個HTML元素都可以被看作是一個矩形的盒子，其中包含內容、內邊距、邊框和外邊距。CSS盒子模型定義了這些組成部分的尺寸和相互關系。

在CSS中，有兩種盒子模型：標準盒子模型和IE盒子模型。

1、標準盒子模型（Standard Box Model）

標準盒子模型是CSS的默認盒子模型。在標準盒子模型中，一個元素的總寬度（width）和總高度（height）由內容區域（content）、內邊距（padding）、邊框（border）組成。換句話說，元素的寬度和高度不包括內邊距和邊框。

標準盒子模型的計算公式：

總寬度 = 內容寬度（width） + 左內邊距（padding-left） + 右內邊距（padding-right） + 左邊框寬度（border-left） + 右邊框寬度（border-right）總高度 = 內容高度（height） + 上內邊距（padding-top） + 下內邊距（padding-bottom） + 上邊框寬度（border-top） + 下邊框寬度（border-bottom）

2、IE盒子模型（IE Box Model）

IE盒子模型是早期Internet Explorer瀏覽器（IE5及以下版本）采用的盒子模型。在IE盒子模型中，元素的總寬度和總高度包括了內容區域（content）、內邊距（padding）和邊框（border）。

IE盒子模型的計算公式：

總寬度 = 內容寬度（width） + 左內邊距（padding-left） + 右內邊距（padding-right） + 左邊框寬度（border-left） + 右邊框寬度（border-right）總高度 = 內容高度（height） + 上內邊距（padding-top） + 下內邊距（padding-bottom） + 上邊框寬度（border-top） + 下邊框寬度（border-bottom）

現在的瀏覽器中，默認使用的是標準盒子模型。如果你希望使用IE盒子模型，可以通過設置CSS的box-sizing屬性為border-box來實現。

.element {box-sizing: border-box;}

這將使元素采用IE盒子模型，使元素的寬度和高度包括了內邊距和邊框。