CSS是網頁設計中不可或缺的一部分，其中div是經常被使用的元素，它是用來定義文檔中的塊級元素，如網頁布局、導航、文章等。在使用div時，可能會出現覆蓋的問題，那么如何避免這個問題呢？

首先，要了解CSS中的層疊性。CSS樣式的優先級是：內聯樣式>內部樣式>外部樣式>用戶樣式，而同樣具有相同優先級的樣式，后出現的樣式會覆蓋先出現的樣式。因此，我們可以通過改變樣式的優先級或順序，來避免div被覆蓋的問題。

其次，可以考慮使用position屬性，它指定了元素的定位方式，包括relative、absolute、fixed、sticky四種方式。在定位時，應注意使用z-index屬性，該屬性用于確定元素的堆疊順序，數值越大的元素越靠前。因此，在布局時，可以通過設置不同的z-index值來避免元素被覆蓋。

/* 設置不同的z-index值 */
div.one{
position:relative;
z-index:1;
}
div.two{
position:relative; 
z-index:2;
}

此外，還可以通過設置透明度、顯示屬性等方式來避免元素的覆蓋。比如，使用opacity屬性來控制元素的透明度，將覆蓋的元素透明度設置為0即可。另外，在沒有必要顯示的情況下，也可以將元素的display屬性設置為none，以隱藏元素并避免覆蓋。

/* 使用opacity屬性 */
div.overlay{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-color:#fff;
z-index:999;
opacity:0;
}

總之，避免div被覆蓋的關鍵是正確地使用CSS樣式，包括優先級、定位、透明度、顯示屬性等。通過這些方法可以避免元素的覆蓋，提高網頁的可讀性和用戶體驗。