CSS盒子置于底部是一個常見的需求，例如在網頁底部顯示版權信息或底部導航。本文將介紹兩種實現方式：1) 使用定位；2) 使用Flex布局。 1. 使用定位 我們可以使用定位屬性將盒子定位到頁面底部。首先，需要將父元素位置設為相對定位，這樣，子元素的絕對定位將依據于父元素位置。 下面是示例代碼： `````` 在上面的代碼中，我們將頁面底部盒子的父元素設置為相對定位。然后，使用絕對定位將盒子定位到頁面底部，并設置盒子高度和背景顏色。 2. 使用Flex布局 我們也可以使用Flex布局將盒子置于頁面底部。Flex布局是一種十分強大的布局方式，可以輕松實現復雜的布局。在本例中，我們只需將頁面主體元素設置為Flex布局并將底部盒子放在最后一個Flex項目上即可。 下面是示例代碼： `````` 在上面的代碼中，我們將頁面主體元素設置為Flex布局，且將Flex方向設置為垂直。我們還為主體元素設置了flex: 1屬性，以便使其占據剩余空間。最后，放置底部盒子在最后一個Flex項目上。我們還為底部盒子設置了高度和背景顏色。 無論是使用定位還是Flex布局，都可以輕松地將盒子置于頁面底部。這將幫助您更好地適應各種布局方案，并在設計Web頁面時取得更好的效果。