在網頁開發中，ul和div是常用的標簽，其中ul用于創建無序列表，而div用于劃分頁面上的區域。在某些情況下，我們可能希望在div中顯示ul，但是卻發現ul被div覆蓋了。那么如何避免這種情況呢？ 首先，我們需要了解一下CSS中的定位屬性。定位屬性用于控制HTML元素在頁面中的位置，其中包括static、relative、absolute和fixed四種定位方式。在div和ul中，通常使用relative和absolute屬性來控制它們在頁面中的位置。 當一個元素使用了position:absolute或position:relative屬性時，它的z-index屬性將決定它在頁面中所處的層級順序。具有更高z-index值的元素將在頁面中顯示在更高的層級上。因此，如果我們想要讓ul顯示在div中，我們可以給ul設置一個較高的z-index值，以確保它顯示在div上方。 下面是一個示例代碼：

列表項1
列表項2
列表項3

在上面的代碼中，我們首先給div設置了一個position:relative屬性，并將它的z-index值設置為1。然后，給ul設置了一個position:absolute屬性，并設置了top和left屬性來指定它在div中的位置。最后，給ul設置一個z-index值為2，以確保它顯示在div上方。 通過上面的代碼，我們就可以在div中顯示ul了。需要注意的是，當我們使用z-index屬性時，不僅需要給ul設置一個較高的值，還需要注重其它元素的z-index值，以免出現意外的遮蓋情況。 綜上所述，通過使用z-index屬性，我們可以在div中顯示ul，并確保它顯示在div上方。這是一個簡單而實用的方法，可以提供更好的網頁布局體驗。