<div>標簽是HTML中的一個塊級元素，可以用來創建一個容器，用于包裹其他HTML元素。在CSS中，我們可以使用<div>標簽來創建一個層級結構，通過在<div>中添加多個<div>來實現復雜的布局效果。本文將詳細介紹如何在<div>中添加<div>。
在CSS中，我們可以使用定位屬性（position）來控制<div>元素的布局。通過設置不同的定位屬性值，可以實現<div>元素的相對定位、絕對定位或固定定位。相對定位是指相對于元素在文檔流中的原始位置進行定位，而不會影響其他元素的排列。絕對定位是指相對于最近的具有定位屬性（position屬性值為relative、absolute、fixed）的父元素進行定位，如果不存在父級元素，則相對于文檔的初始包含塊進行定位。固定定位是指相對于瀏覽器視口進行定位。
下面通過幾個代碼案例來具體說明如何在<div>中添加<div>。
案例一：使用相對定位進行布局

<div style="position: relative;">
<div style="position: absolute; top: 0; left: 0;">第一個<div></div></div>
<div style="position: absolute; top: 50px; left: 50px;">第二個<div></div></div>
</div>

以上代碼中，通過將外層的<div>設置為相對定位，內層的兩個<div>通過絕對定位來實現相對于外層<div>的位置布局。第一個<div>的top和left都為0，表示相對于外層<div>的左上角進行布局。第二個<div>的top和left分別為50px，表示相對于外層<div>的左上角向右下方各偏移50px進行布局。
案例二：使用絕對定位進行布局

<div style="position: relative;">
<div style="position: absolute; top: 0; left: 0;">第一個<div></div></div>
<div style="position: absolute; top: 50px; left: 0;">第二個<div></div></div>
</div>

以上代碼中，同樣將外層的<div>設置為相對定位，但是第二個<div>的left為0，表示相對于外層<div>的左邊緣進行布局。這樣，第一個<div>和第二個<div>就會在垂直方向上重疊，而不是水平方向上。
案例三：使用固定定位進行布局

<div style="position: fixed; top: 0; left: 0; width: 100%; height: 100%;">
<div style="position: absolute; top: 50%; left: 50%;">居中顯示</div>
</div>

以上代碼中，外層的<div>使用固定定位，設置top、left為0，寬度和高度為100%。內層的<div>使用絕對定位，并設置top為50%、left為50%。這樣，內層的<div>就會相對于外層的左上角向下和向右偏移50%，實現居中顯示的效果。
通過以上幾個代碼案例，我們可以看到在<div>中添加<div>是通過控制定位屬性來實現的。根據定位屬性的不同，我們可以實現各種復雜的布局效果。希望本文對你理解如何在<div>中添加<div>有所幫助。