CSS 中的盒子模型是指網頁中的各個元素，它們都被視為一個矩形的盒子，每個盒子都有自己的寬度、高度、邊框、內邊距和外邊距等屬性。

在 CSS 中，我們可以在一個盒子中嵌套另一個盒子，這種嵌套關系可以實現網頁布局中的各種復雜效果。

.box {
width: 300px;
height: 300px;
background-color: #eee;
padding: 20px;
margin: 20px;
}
.inner-box {
width: 100px;
height: 100px;
background-color: #f00;
margin: 10px;
}

上面的代碼中，我們定義了兩個 CSS 類，一個是 .box，表示一個大盒子，它的寬度和高度都是 300px，背景顏色為 #eee，內邊距為 20px，外邊距為 20px。

另一個是 .inner-box，表示一個小盒子，它的寬度和高度都是 100px，背景顏色為 #f00，外邊距為 10px。

接下來，在 HTML 中我們可以這樣使用這兩個 CSS 類：

<div class="box"><div class="inner-box"></div><div class="inner-box"></div><div class="inner-box"></div></div>

上面的代碼中，我們在一個大盒子中嵌套了三個小盒子，它們被放置在大盒子的內部，并且它們之間還有一些間隙。

通過這種方式，我們可以實現各種各樣的網頁布局效果，例如多列布局、響應式布局等。