div是HTML中的一個標簽，用于定義文檔中的一個塊級盒子。CSS（層疊樣式表）是用于設置HTML標簽樣式的語言。在CSS中，我們可以使用盒模型來設置和布局div盒子。
所謂盒子對齊，是指在布局過程中，我們可以使用CSS屬性來控制div盒子的對齊方式。通過設置不同的屬性值，我們可以實現盒子在頁面中的居中、左對齊、右對齊等效果。
接下來，我們以幾個代碼案例來詳細解釋和說明div CSS盒子對齊的用法和效果。
第一個案例是實現居中對齊的效果。通過設置div盒子的margin屬性為auto，并將其設置的左右邊距都設置為0，就可以將div盒子在頁面中水平居中對齊。代碼如下：

<style>
.center-align {
margin: 0 auto;
width: 200px;
height: 200px;
background-color: red;
}
</style>
<br>
<div class="center-align">
<p>居中對齊的盒子</p>
</div>

在這個案例中，我們創建了一個寬度為200px、高度為200px的div盒子，并將其背景顏色設置為紅色。通過設置margin屬性為0 auto，div盒子就會自動在頁面中水平居中對齊。在div內部，我們添加了一個p標簽，用于顯示“居中對齊的盒子”。
第二個案例是實現左對齊的效果。通過將div盒子的float屬性設置為left，就可以使其在頁面中左對齊。代碼如下：

<style>
.left-align {
float: left;
width: 200px;
height: 200px;
background-color: green;
}
</style>
<br>
<div class="left-align">
<p>左對齊的盒子</p>
</div>

在這個案例中，我們創建了一個寬度為200px、高度為200px的div盒子，并將其背景顏色設置為綠色。通過設置float屬性為left，div盒子就會左對齊。同樣地，在div內部，我們添加了一個p標簽，用于顯示“左對齊的盒子”。
第三個案例是實現右對齊的效果。通過將div盒子的float屬性設置為right，就可以使其在頁面中右對齊。代碼如下：

<style>
.right-align {
float: right;
width: 200px;
height: 200px;
background-color: blue;
}
</style>
<br>
<div class="right-align">
<p>右對齊的盒子</p>
</div>

在這個案例中，我們創建了一個寬度為200px、高度為200px的div盒子，并將其背景顏色設置為藍色。通過設置float屬性為right，div盒子就會右對齊。同樣地，在div內部，我們添加了一個p標簽，用于顯示“右對齊的盒子”。
通過以上的代碼案例和解釋，我們可以清楚地了解到div CSS盒子對齊的用法和效果。無論是居中對齊、左對齊還是右對齊，我們通過設置不同的CSS屬性可以輕松實現不同的布局效果。在實際的網頁設計中，我們可以根據具體的需求和設計要求來選擇合適的對齊方式，以達到最佳的視覺效果。