div中可以嵌套兩個div，甚至可以嵌套更多的div。這種嵌套結構可以通過CSS樣式表來控制每個div的樣式和布局。在網頁開發中，使用div嵌套div可以實現更靈活的頁面布局和設計。
在HTML中，div是最基本的容器元素，用于組合其他元素，并為它們提供樣式和布局。div可以作為父級容器包裹多個子級元素，包括其他div。這種嵌套的結構可以創建各種復雜的布局和設計方案。
下面通過幾個代碼案例來詳細解釋div中嵌套div的用法：
1. 簡單的嵌套示例：

html
<div>
<div>
<p>This is the first nested div.</p>
</div>
<div>
<p>This is the second nested div.</p>
</div>
</div>

在這個例子中，我們使用一個外層div來包裹兩個內層div。每個內層div包含一個段落元素。通過CSS樣式表，我們可以為每個div設置不同的背景色、邊框和大小等樣式屬性。
2. 嵌套多層div：

html
<div>
<div>
<p>This is the first nested div.</p>
<div>
<p>This is a nested div inside the first nested div.</p>
</div>
</div>
<div>
<p>This is the second nested div.</p>
</div>
</div>

在這個例子中，我們在第一個內層div中又嵌套了一個更深一層的div。通過這種多層次的嵌套，我們可以實現更復雜的頁面布局和設計。
3. 利用div嵌套實現網格布局：

html
<style>
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.grid-item {
background-color: #eee;
padding: 20px;
}
</style>
<br>
<div class="grid-container">
<div class="grid-item">
<p>This is a grid item.</p>
</div>
<div class="grid-item">
<p>This is another grid item.</p>
</div>
<div class="grid-item">
<p>This is a third grid item.</p>
</div>
<div class="grid-item">
<p>This is a fourth grid item.</p>
</div>
</div>

在這個例子中，我們使用div嵌套div來實現網格布局。通過設置CSS樣式表中的grid屬性，我們可以創建一個有兩列的網格布局，并在每個網格項中放置一個div。每個div具有相同的樣式，包括背景顏色和內邊距。
綜上所述，div中可以嵌套多個div，這種嵌套結構可以幫助我們更好地組織和布局頁面中的元素。通過使用CSS樣式表，我們可以對每個div進行個性化的樣式設置。使用div嵌套div可以讓我們在網頁開發中實現更靈活和多樣化的頁面設計。