下沉效果是指在網頁中，當用戶滾動頁面時，某個元素會跟隨頁面滾動并下沉到頁面底部。下沉效果通常用于布局，可以讓用戶更好地查看網頁內容，并且可以節省瀏覽器空間。

在 CSS 中，設置下沉效果可以通過以下兩種方式實現：

1. 使用 float：下沉

使用 float 屬性可以實現下沉效果。float 屬性控制元素如何浮在父元素的表面上。如果元素被設置為 clear：下沉，則它會自動下沉到頁面底部。

```css

float: left;

width: 100px;

height: 100px;

background-color: red;

text-align: center;

display: inline-block;

margin-top: 50px;

margin-bottom: 20px;

a:hover {

background-color: blue;

2. 使用 negative 布局

使用 negative 布局可以實現下沉效果。negative 布局是指將一個元素的位置向下移動相同數量的元素高度。當元素被設置為絕對定位時，它會下沉到頁面底部。

```css

position: absolute;

bottom: 20px;

left: 50%;

transform: translateX(-50%);

width: 100px;

height: 100px;

background-color: red;

text-align: center;

a:hover {

background-color: blue;

以上就是 CSS 怎么設置下沉效果的文章的全部內容。通過使用 float 和 negative 布局，我們可以輕松地實現下沉效果，使網頁的布局更加美觀和靈活。