CSS 是一種用于網頁布局和樣式的語言。在實際開發中，我們經常會遇到需要將某些元素距底部一定距離的情況。這時就可以使用 CSS 的 bottom 屬性來實現。

Bottom 屬性指定了一個元素的底部邊緣與其父元素底部邊緣的距離。我們可以將該屬性設置為一個特定的像素值或百分比值。

.box {
position: absolute; /* 使元素脫離文檔流 */
bottom: 20px; /* 距離父元素底部 20 像素 */
}

上述代碼中，我們使用了 position 屬性為元素設置了絕對定位，從而使其脫離文檔流。然后，我們通過 bottom 屬性將該元素的底部邊緣與其父元素底部邊緣的距離設置為 20 像素。

如果我們希望元素距離父元素底部的距離為百分比值，可以這樣寫：

.box {
position: absolute;
bottom: 10%; /* 距離父元素底部的百分比值為 10% */
}

在實際開發中，我們可能需要為多個元素設置距離底部的樣式，這時可以使用類選擇器或通配符選擇器為它們統一設置樣式。

.item {
position: absolute;
bottom: 30px;
}
/* 或者使用通配符選擇器 */
* {
margin-bottom: 20px;
}

總之，CSS 的 bottom 屬性可以輕松實現元素距離父元素底部的距離設置，為我們的網頁布局提供了更多樣式上的自由。