在網頁設計過程中，我們時常需要將一些固定的元素放置在頁面底部中間位置，例如信封圖標，版權信息等等。使用 CSS 實現這個效果非常簡單。

/*使 body 鋪滿整個頁面*/
body {
height: 100%;
margin: 0;
}
/*固定在底部中間位置*/
.fixed-bottom-center {
position: fixed;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}

代碼中，我們通過設置 position: fixed，讓元素定位到瀏覽器窗口的位置，再使用 left 和 bottom 屬性分別控制元素距離頁面左邊界和底部的距離。

為了使元素始終保持在底部居中位置，我們使用了 transform: translateX(-50%)，將元素向左平移了它自身寬度的一半。

通過這樣的方式，我們輕松實現了一個固定在底部中間的元素。