CSS中的bottom屬性是用于設置元素的下邊緣到其容器底部的距離。當元素的position屬性為absolute或fixed時，bottom屬性才會生效。

/* 將一個定位元素的下邊緣與其容器的下邊緣對齊 */
.positioned {
position: absolute;
bottom: 0;
}

當bottom屬性與top屬性同時存在時，元素的高度會被固定，因此元素的頂部和底部都將距離容器邊緣相等。

/* 將一個定位元素垂直居中，并且在容器中距離底部有20%的位置 */
.middle {
position: absolute;
top: 50%;
transform: translateY(-50%);
bottom: 20%;
}

此外，bottom屬性還可以是負值。這將會把元素的下邊緣向上移動，使其部分超出容器底部。

/* 將一個定位元素的下邊緣移動到容器外部 */
.offscreen {
position: absolute;
bottom: -50px;
}

總的來說，bottom屬性可以讓我們輕松地在頁面布局中控制元素的位置和間距。