在CSS中，浮動元素可以通過設置z-index屬性來決定它們在頁面上的堆疊順序。z-index屬性表示元素在Z軸上的位置，數(shù)值越大，元素在堆疊順序中的位置越靠后。

要將浮動元素分為上下層，您可以通過設置z-index屬性來實現(xiàn)，假設您有兩個浮動元素，分別位于頁面的不同位置，您可以將它們的z-index屬性設置為不同的數(shù)值，以決定它們在頁面上的堆疊順序，您可以將位于頁面頂部的元素的z-index屬性設置為一個較小的數(shù)值，而將位于頁面底部的元素的z-index屬性設置為一個較大的數(shù)值，這樣，位于底部的元素就會覆蓋在頂部的元素之上。

z-index屬性只對定位元素（即position屬性為relative、absolute或fixed的元素）有效，如果您的元素沒有定位，那么設置z-index屬性將不會改變它們在頁面上的位置。

您還可以使用CSS的偽類選擇器（如:before和:after）來創(chuàng)建新的定位元素，并設置它們的z-index屬性，這些偽類選擇器允許您在現(xiàn)有元素的前方或后方創(chuàng)建新的定位元素，從而實現(xiàn)更復雜的頁面布局和交互效果。

通過合理設置z-index屬性，您可以輕松地控制浮動元素在頁面上的堆疊順序，從而實現(xiàn)上下層的效果。