CSS底部居中定位是CSS布局中非常常見的一種方式，可以使元素在頁面上底部居中顯示。下面是一種實現方式：

#container {
position: relative;
height: 100vh; /* 令容器的高度為視窗高度 */
}
#box {
position: absolute;
bottom: 0; /* 令box相對于容器底部為0 */
left: 50%; /* 令box的左邊界位于容器中間 */
transform: translateX(-50%) translateY(50%); /* 令box相對于自身位置上移50% */
}

上述代碼中，容器使用相對定位，高度設為視窗高度，這樣可以確保容器的高度適應不同屏幕大小的設備。在box元素中，設置了絕對定位，然后使用bottom屬性讓box相對于容器底部為0，并設置left為50%讓box左邊界定位在容器中間。最后，使用transform屬性，移動box元素相對于自身位置上移50%，這樣就可以實現底部居中的效果了。