HTML 的 div 元素是頁面布局中非常重要的元素，用于將文檔分割成不同的塊狀區域，使頁面結構更加清晰。而 div 元素的嵌套，則是建立復雜布局和樣式的關鍵之一。

<div class="container">
<div class="header">
<h1>網站標題</h1>
</div>
<div class="main-content">
<div class="left-sidebar">
<p>左側欄內容</p>
</div>
<div class="main-article">
<p>正文內容</p>
</div>
<div class="right-sidebar">
<p>右側欄內容</p>
</div>
</div>
<div class="footer">
<p>頁腳內容</p>
</div>
</div>

上面的代碼示例中，我們使用了 div 嵌套的方式，將頁面分成了頭部、內容區域和頁腳區域。在內容區域中，又將其分為左側欄、右側欄和正文區域。這種嵌套方式可以方便地對每個區域進行樣式定義和布局調整。

當然，在使用 div 嵌套時，也需要注意一些問題。比如，在布局復雜的情況下，容易出現代碼嵌套太深、難以維護的問題。此時，可以考慮使用其他布局方式或者使用 CSS 預處理器等工具來幫助管理代碼。

總之，div 嵌套是 HTML 頁面布局的必要手段之一，掌握其使用方式，能夠幫助實現更加靈活和高效的頁面布局。