<div>是HTML中最常用的一個標簽，用來定義網頁中的一個塊級元素。在開發過程中，我們經常需要在一個<div>元素中添加另一個<div>元素，以實現更復雜的布局效果。在實現這個過程中，我們可以使用CSS來達到想要的效果。
要在<div>中添加<div>，我們可以使用CSS的position屬性來控制元素的定位方式。position屬性有四個可選值，分別是static、relative、fixed和absolute。其中，relative和absolute可以用來實現在<div>中添加<div>的效果。
，我們來看一個通過設置相對定位的方式，在<div>中添加<div>的例子吧：

<div class="container">
<div class="inner"></div>
</div>

.container {
position: relative;
width: 200px;
height: 200px;
background-color: lightblue;
}
<br>
.inner {
position: relative;
width: 100px;
height: 100px;
background-color: lightgreen;
}

在上述代碼中，我們創建了一個外層的<div>元素和一個內層的<div>元素。外層<div>的class屬性設置為"container"，內層<div>的class屬性設置為"inner"。通過設置.container和.inner的position屬性為relative，我們實現了內層<div>相對于外層<div>定位的效果。通過設置寬度和高度，我們可以看到內層<div>被正確地嵌套在外層<div>中。
接下來，我們再來看一個通過設置絕對定位的方式，在<div>中添加<div>的例子：

<div class="container">
<div class="inner"></div>
</div>

.container {
position: relative;
width: 200px;
height: 200px;
background-color: lightblue;
}
<br>
.inner {
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
background-color: lightgreen;
}

在上述代碼中，我們同樣創建了一個外層的<div>元素和一個內層的<div>元素。通過設置.container的position屬性為relative，我們為.inner提供了一個參考點，使其相對于.container進行定位。然后，通過設置.inner的position屬性為absolute，并通過top和left屬性來控制其在.container中的位置，我們實現了內層<div>相對于外層<div>定位的效果。
通過上述兩個示例，我們可以看到，通過CSS的position屬性可以很方便地在<div>中添加<div>。我們可以通過設置relative或absolute定位來實現不同的效果。這些技巧在實際開發中非常有用，希望能幫助到你。在實際使用過程中，你可以根據具體的需求調整相關屬性，以達到你想要的效果。