CSS中的盒子模型是一個非常重要的概念，它決定了頁面上的元素在頁面布局中所占據的空間大小及位置。在CSS中，有多種盒子模型的實現方法，下面我們將分別介紹它們的不同特點。

/* 標準盒子模型 */
.box {
width: 200px;
height: 100px;
padding: 20px;
border: 2px solid #ccc;
margin: 10px;
}

標準盒子模型是CSS中的默認盒子模型，其所占據的空間大小包括內容區、內邊距、邊框和外邊距四個部分。在樣式中設置的元素寬度和高度只包括內容區的大小，而邊框和內邊距會增加元素總寬度和高度的占用空間。

/* IE盒子模型 */
.box {
width: 200px;
height: 100px;
padding: 20px;
border: 2px solid #ccc;
margin: 10px;
box-sizing: border-box;
}

IE盒子模型將元素的大小包括了內邊距和邊框所占據的空間，使得樣式中設置的元素寬度和高度直接包括所有四個部分的大小，這樣就可以減少樣式計算的復雜度。但是在邊框和內邊距增加時，元素內容區域的空間會縮小，因此在使用IE盒子模型時需要謹慎。

/* Flex盒子模型 */
.container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

Flex盒子模型是CSS3新增的布局方式，它可以讓元素的大小和位置隨著父元素的變化而自動調整。Flex布局中的元素可以有不同的大小和比例，而且它們可以按照規定的方向自動排序，從而實現復雜的網頁布局效果。

以上就是CSS中三種不同的盒子模型，開發者在頁面布局時需要根據需求選擇合適的盒子模型，以實現最佳的效果。