是網頁中最常使用的標簽之一，用于在 HTML 中創建獨立的區域或塊。在 CSS 中，我們可以使用 div 來設置各種樣式和排版。其中一種使用和設置方式是，將 div 顯示于網頁頂部。本文將討論實現這個目標的方法和代碼。 要在 div 中使其在頂層顯示，可以使用 CSS 的 Z 軸屬性（z-index）。該屬性用于指定元素相對于其他元素的堆疊順序。Z 軸的原點是屏幕上的左上角，較大的值將覆蓋較小的值。具有最大值的元素將顯示在最上方。 通常情況下，div 的 z-index 默認值為 1。要使其在頂層顯示，我們要將其 z-index 值設置為更高的值。 例如，以下 CSS 可以實現將 div 顯示在頂部：

div {
position: relative; /* 允許使用 z-index 屬性 */
z-index: 9999; /* 設置較高的 z-index 值 */
}

在這個例子中，我們將 div 的 z-index 值設置為 9999，這比1大得多，因此 div 將覆蓋它下面的其他元素。 需要注意的是，只有在元素具有定位（position）屬性（如 relative 或 absolute）時，z-index 值才會生效。如果您的 div 元素不需要使用位置屬性，請確保不要在 CSS 中添加它。 在使用 div 顯示在頂部的示例中，我們還使用了 position: relative 屬性。相對定位（relative）允許我們相對于原來的位置移動元素。當使用 z-index 時，必須在 div 上使用相對定位以激活該元素的 z-index 屬性。 在文章中，我們簡要介紹了如何在 CSS 中使用 Z 軸屬性將 div 顯示在頂層。通過將 z-index 值設置為較大的值并使用相對定位（relative），我們可以輕松地實現這個目標。