CSS3的bottom屬性用于設(shè)置元素相對(duì)于其容器底部的位置。

bottom可接受的值包括：

auto： 默認(rèn)值，此時(shí)元素垂直居中于容器。
length： 單獨(dú)設(shè)置元素距離容器底部的長(zhǎng)度，如10px。
%

示例：

.container {
position: relative;
height: 300px;
width: 500px;
background-color: #e6e6e6;
}
.box {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: 150px;
height: 50px;
background-color: #ff9f43;
color: #ffffff;
text-align: center;
line-height: 50px;
}

在這個(gè)示例中，我們首先創(chuàng)建了一個(gè)相對(duì)定位的容器，設(shè)置其高度和寬度，并為其設(shè)置了背景色。然后在容器中創(chuàng)建了一個(gè)絕對(duì)定位的元素，設(shè)置bottom為20px，也就是距離容器底部20px的位置。

最后通過transform屬性和left: 50%將元素水平居中。此時(shí)，元素將出現(xiàn)在容器底部居中的位置。

總之，bottom屬性可以讓我們更好地控制元素在容器中的位置，使頁面設(shè)計(jì)更加靈活、美觀。