CSS中，我們可以使用嵌套的div來構建我們想要的頁面布局。嵌套的div可以實現不同層次的元素結構，并且可以很好地組織和管理我們的HTML代碼。

首先，我們需要了解CSS中的盒子模型。每個HTML元素都是一個矩形框，其中包含著實際內容、內邊距（padding）、邊框（border）和外邊距（margin）。這個矩形框稱之為盒子。

.box {
padding: 10px;
border: 1px solid black;
margin: 10px;
}

我們可以為一個div添加類名.box，然后在CSS中設置此類的盒子模型屬性，從而修改這個div的邊框、內邊距和外邊距屬性。如果我們想在此div中再添加一個子div，我們可以這樣寫：

<div class="box">
<div class="inner-box">This is an inner box.</div>
</div>
.inner-box {
padding: 5px;
border: 1px solid red;
margin: 5px;
}

以上代碼中，我們創建了一個類名為inner-box的div，然后在CSS中設置此類的盒子模型屬性，從而修改這個div的邊框、內邊距和外邊距屬性。我們將這個div放在了類名為box的div中，從而實現了嵌套的效果。

我們還可以在嵌套的div中添加多個子div，以實現更加復雜的布局效果。在CSS中，我們可以使用不同的選擇器來選擇不同的元素，從而對不同的元素進行樣式設置。

<div class="box">
<div class="inner-box first">This is the first inner box.</div>
<div class="inner-box second">This is the second inner box.</div>
</div>
.inner-box {
padding: 5px;
border: 1px solid red;
margin: 5px;
}
.inner-box.first {
background-color: #eee;
}
.inner-box.second {
background-color: #ccc;
}

以上代碼中，我們創建了兩個類名為first和second的div，分別放在了類名為box的div中。在CSS中，我們分別為這兩個類進行了盒子模型屬性、背景色等屬性的設置，從而實現了不同的樣式效果。

在使用嵌套的div時，需要注意不要過多地嵌套元素，以免導致布局混亂。在CSS中，我們還可以使用浮動、flexbox等布局屬性，從而實現更加靈活和高效的頁面布局。