CSS中可以通過z-index屬性控制元素的層疊順序。層疊順序越高，元素就越顯示在頂層，越容易被用戶注意到。而在一些情況下，我們需要讓某個元素漂浮在其他元素的下面，比如制作菜單欄下拉效果等。這時候，我們需要使用CSS中的position屬性和z-index屬性來實現(xiàn)。

.dropdown-menu {
position: relative; /* 使包含該元素的父級元素成為相對定位元素 */
}
.dropdown-menu__content {
position: absolute; /* 絕對定位，相對于父級元素進行定位 */
top: 100%; /* 距離父級元素頂部距離 */
left: 0; /* 距離父級元素左側(cè)距離 */
z-index: -1; /* 負值，使元素位于其他元素的下方 */
}

在上述代碼中，我們給包含菜單欄的父級元素加上了position: relative;，使其成為相對定位元素。然后，給菜單欄下拉內(nèi)容加上position: absolute;，相對于父級元素進行定位。并將其z-index屬性設為-1，使其漂浮在其他元素的下方。

如果我們需要讓某個元素漂浮在頁面的最底部，可以使用position: fixed;，將其固定在底部，然后將其z-index屬性設為-1，即可實現(xiàn)在頁面下方漂浮的效果。

.bottom-bar {
position: fixed; /* 使元素固定在底部 */
bottom: 0; /* 距離頁面底部距離為0 */
left: 0; /* 距離頁面左側(cè)距離為0 */
width: 100%; /* 寬度占滿整個頁面 */
height: 50px; /* 高度為50px */
z-index: -1; /* 負值，使元素位于其他元素的下方 */
}

在上述代碼中，我們給浮動元素加上了position: fixed;，并設置其bottom: 0;，left: 0;，width: 100%;和height: 50px;，使其固定在頁面底部，并且寬度和高度占滿整個頁面。然后，將其z-index屬性設為-1，使其漂浮在其他元素的下方。