CSS固定在容器底部可以讓網頁元素始終停留在頁面底部，無論滾動條如何滾動，它都不會跟著滾動。這個特性在一些場景下特別有用，比如網頁頁腳的制作。 要實現CSS固定在容器底部，可以使用position屬性。我們可以將元素的position屬性設置為fixed，然后再設置bottom屬性為0，這樣元素就會被固定在容器底部，并且不會跟隨頁面滾動。 下面是一個簡單的例子代碼，我們可以將其包含在一個容器中，用于展示元素固定在底部的效果。

.container {
position: relative;
height: 500px;
width: 100%;
background-color: #f2f2f2;
}
.bottom-fixed {
position: fixed;
bottom: 0;
height: 50px;
width: 100%;
background-color: #333;
color: #fff;
text-align: center;
line-height: 50px;
}

上述代碼中，我們首先創建了一個容器，它的高度為500px，寬度為100%。然后我們創建了一個.bottom-fixed類，用于展示固定在底部的元素。該類的position屬性被設置為fixed，bottom屬性被設置為0，這樣元素就被固定在容器底部。

在使用過程中，我們只需要將要固定在底部的元素添加.bottom-fixed類，就可以實現元素固定在底部的效果了。

需要注意的是，在某些情況下，固定在底部的元素可能會擋住頁面內容。為了避免這種情況發生，我們可以設置容器的padding-bottom屬性為元素高度的值，這樣容器底部的空白區域就能夠容納元素了。

總的來說，使用CSS固定在容器底部是一個非常有用的技巧，可以幫助我們更好的設計和制作網站，提高用戶體驗。