CSS中的定位是頁面設計中重要的一部分。其中一種常見的定位方式就是以div底部進行定位。這種定位方式可以讓我們在實現各種布局時更加靈活，也可以讓我們更好地控制頁面元素的位置。 具體實現div底部定位可以使用CSS中的position屬性。position屬性指定了一個元素對于文檔流的定位方式。其中，position值為absolute和fixed時，則會脫離文檔流，以層疊的形式定位到頁面上。而比較常用的absolute定位方式可以使用“bottom: 0;”來實現div底部定位。 下面是一個實現div底部定位的示例代碼：

<style type="text/css">
.wrapper {
position: relative;
height: 500px;
width: 100%;
}
.content {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
color: white;
background: #333;
text-align: center;
}
</style>
<div class="wrapper">
<p>這里是頁面主體內容</p>
<div class="content">
<p>版權所有 ? 2021 - My Blog</p>
</div>
</div>

在上述代碼中，我們首先定義了一個wrapper類，作為頁面主要容器，它的高度和寬度分別設置為500px和100%。然后，我們定義了一個content類，在wrapper下方用絕對定位進行布局，底部定位的方式就是使用 “bottom:0”語句。這里content類還定義了一個高度和底部的背景顏色，用來實現版權信息的展示。 以上代碼運行后，就可以實現一個底部定位的div布局。大家可以根據實際需要自行修改相應的CSS樣式，實現不同的底部定位效果。