<div>標簽是HTML中常用的一個元素，可以用來創建一個塊級元素，用來將其內部的內容分隔出來。有時候我們會遇到這樣的情況，希望一個<div>不要被另一個<div>覆蓋住，這就需要我們了解一些關于CSS的知識和應用。在本文中，我將詳細解釋這個問題，并通過幾個代碼案例來加深理解。
在CSS中，我們可以使用定位來控制元素的位置。<div>元素默認是靜態定位的，也就是說它的位置是由文檔流決定的。如果我們希望一個<div>不被另一個<div>覆蓋住，我們可以使用CSS中的絕對定位或者相對定位來控制其位置。
以下是一個使用絕對定位的例子：

<style>
.parent {
position: relative;
}
.child {
position: absolute;
top: 50px;
left: 50px;
}
</style>

在這個例子中，我們給父級<div>添加了一個相對定位的屬性，然后給子級<div>添加了一個絕對定位的屬性，并設置其top和left的值。這樣子級<div>就會脫離文檔流，并且根據父級<div>的位置進行定位。這樣即使父級<div>擴展或者移動，子級<div>也不會被覆蓋。
另一個常用的方法是使用相對定位：

<style>
.parent {
position: relative;
}
.child {
position: relative;
top: 50px;
left: 50px;
}
</style>

在這個例子中，父級<div>的定位屬性同樣是相對定位，子級<div>的定位屬性也是相對定位。這樣子級<div>會相對于父級<div>進行定位，并且不會被覆蓋。
除了定位屬性，我們還可以使用z-index屬性來控制元素的疊放順序。z-index屬性允許我們指定一個元素在堆疊層次中的順序，具有較高z-index值的元素會覆蓋具有較低z-index值的元素。
以下是一個使用z-index的例子：

<style>
.parent {
position: relative;
}
.child1 {
position: absolute;
top: 50px;
left: 50px;
z-index: 1;
}
.child2 {
position: absolute;
top: 100px;
left: 100px;
z-index: 2;
}
</style>

在這個例子中，我們給子級<div>添加了不同的z-index值，這樣具有較高z-index值的子級<div>就會覆蓋具有較低z-index值的子級<div>。這樣我們就可以控制<div>的覆蓋順序，避免一個<div>覆蓋在另一個<div>上。
綜上所述，為了讓一個<div>不被另一個<div>覆蓋住，我們可以使用絕對定位、相對定位以及z-index屬性來控制元素的位置和疊放順序。這些方法可以幫助我們實現靈活的布局和避免元素之間的覆蓋。希望本文能夠對大家理解<div>的覆蓋問題有所幫助。