CSS浮于上層的樣式 有時候，在web頁面設計中，我們需要讓某個元素浮于頁面上層，比如設置一個導航欄或懸浮廣告。這時，我們需要使用CSS浮于上層的樣式。 浮于上層的樣式主要有兩種，一種是z-index屬性，另一種是position屬性。 使用z-index屬性 z-index屬性可以控制元素的層級，值越大，元素越高層。我們可以將需要浮于上層的元素的z-index屬性設置為比其他元素高的值。 例如，下面的CSS樣式中，我們將導航欄元素的z-index屬性設置為100，比頁面其他元素高，使其浮于頁面上層。

nav{
position: fixed; /*將導航欄固定在頁面頂部*/
top: 0;
left: 0;
width: 100%;
z-index: 100; /*將導航欄置于頁面其他元素上層*/
}

使用position屬性 另一種浮于上層的樣式是使用position屬性。通過將元素的position屬性設置為absolute或fixed，可以讓元素從文檔流中脫離，從而成為浮于上層的元素。 例如，我們可以將懸浮廣告元素的position屬性設置為fixed，使其固定在頁面右下角并浮于頁面上層。

.ad{
position: fixed; /*讓廣告固定在頁面右下角*/
bottom: 0;
right: 0;
width: 200px;
height: 200px;
z-index: 100; /*將廣告置于頁面其他元素上層*/
}

需要注意的是，使用position屬性的元素需要設置具體的top、bottom、left、right等屬性，否則在脫離文檔流時會導致元素覆蓋其他元素或出現布局問題。 總結 CSS浮于上層的樣式主要有z-index屬性和position屬性，這些樣式可以讓元素從文檔流中脫離，實現浮于上層的效果。需要結合具體的頁面設計需求來選擇使用哪種樣式，以達到最佳的頁面效果。