CSS的下沉（sink）指的是將某些元素置于其他元素之下，這種技術(shù)經(jīng)常被用于創(chuàng)建超過一個(gè)層級的視覺效果。

實(shí)現(xiàn)CSS下沉的方法有很多，其中最常用的是使用z-index屬性。該屬性允許開發(fā)者將元素按照層級高低排序，從而實(shí)現(xiàn)上下覆蓋的效果。

下面是一個(gè)基本的示例代碼：

.overlapping-divs {
position: relative;
width: 100%;
height: 400px;
}
.bottom-div {
position: absolute;
z-index: 1;
bottom: 0;
background-color: blue;
width: 100%;
height: 200px;
}
.top-div {
position: absolute;
z-index: 2;
top: 0;
background-color: green;
width: 100%;
height: 150px;
}

在這個(gè)例子中，.overlapping-divs是一個(gè)包含兩個(gè)div的容器。bottom-div和top-div分別被設(shè)置在最下層和在最上層。由于.top-div的層級比.bottom-div高，所以在頁面中看起來像是.top-div蓋在了.bottom-div上方。

需要注意的是，將元素下沉有時(shí)可能會影響到其它元素的布局。隨著您的布局變得復(fù)雜，需要仔細(xì)考慮在何處設(shè)置z-index值。