CSS盒子浮于底部是一種常見的格式化效果，讓頁(yè)面看起來更加美觀。下面我們來介紹一下如何實(shí)現(xiàn)這個(gè)效果。

.box {
position: fixed;
bottom: 0;
}

上面的代碼首先給盒子設(shè)置了固定定位。固定定位是一種相對(duì)于瀏覽器窗口進(jìn)行定位的方法，當(dāng)窗口滾動(dòng)時(shí)，該元素將固定在指定的位置，不會(huì)隨之滾動(dòng)。

接著，我們給這個(gè)盒子設(shè)置了底部偏移量為0。這樣就可以讓盒子浮于頁(yè)面底部，不會(huì)出現(xiàn)空白。

需要注意的是，如果頁(yè)面底部存在其他的元素，那么此時(shí)盒子將浮于這些元素的上方。如果希望盒子始終處于頁(yè)面底部，可以使用絕對(duì)定位。

.container {
position: relative;
height: 100%;
}
.box {
position: absolute;
bottom: 0;
}

上面的代碼中，我們給盒子的父元素設(shè)置了相對(duì)定位，并將其高度設(shè)置為100%。這樣可以讓父元素的高度始終占滿整個(gè)頁(yè)面。

接著，我們將盒子的定位方式改為絕對(duì)定位，并將其底部偏移量設(shè)為0。這樣就可以讓盒子始終浮于父元素的底部。

需要注意的是，當(dāng)盒子的父元素高度為0時(shí)，也會(huì)出現(xiàn)空白。此時(shí)可以使用其他的方法進(jìn)行解決，比如給父元素設(shè)置一個(gè)最小高度。

總的來說，CSS盒子浮于底部是一種非常常見的格式化效果，在頁(yè)面中經(jīng)常用到。通過以上的方法，我們可以輕松實(shí)現(xiàn)這個(gè)效果。