<div align="底部"> 是一種HTML和CSS中的屬性，可以用于將元素對齊到其容器的底部。這個屬性可以用于居中、左右對齊和其他對齊方式，以確保元素始終在容器的底部。下面將通過幾個代碼案例來詳細解釋和說明這個屬性的用法。
代碼案例1：

<div style="position: relative; height: 200px; border: 1px solid black;">
<div style="position: absolute; bottom: 0;">
這個文字在底部
</div>
</div>

在這個案例中，我們創建了一個包含兩個div元素的容器。外部的div的高度設置為200px，邊框為1像素的黑色實線。內部的div使用position屬性設置為相對定位，并通過bottom屬性設置為0來將其對齊到容器的底部。在內部div中包含了一個p元素，用于顯示“這個文字在底部”。通過這個案例，可以實現將元素對齊到容器的底部。
代碼案例2：

<div style="display: flex; flex-direction: column; height: 200px; border: 1px solid black;">
<div style="margin-top: auto;">
這個文字在底部
</div>
</div>

在這個案例中，我們使用了CSS的flexbox布局來實現元素對齊到容器的底部。外部的div設置了display屬性為flex，flex-direction屬性為column，將其子元素沿垂直方向排列。內部的div使用margin-top屬性設置為auto，這會將其余的空間分配給它，從而將其推到容器的底部。通過這個案例，可以實現將元素對齊到容器的底部。
代碼案例3：

<div style="display: table; height: 200px; width: 300px; border: 1px solid black;">
<div style="display: table-cell; vertical-align: bottom;">
這個文字在底部
</div>
</div>

在這個案例中，我們使用了display屬性為table和table-cell的方式來實現元素對齊到容器的底部。外部的div的高度設置為200px，寬度設置為300px，邊框為1像素的黑色實線。內部的div使用display屬性設置為table-cell，并使用vertical-align屬性設置為bottom，將其內容對齊到容器的底部。通過這個案例，可以實現將元素對齊到容器的底部。
通過以上幾個代碼案例，我們可以看到，<div align="底部"> 屬性可以通過不同的方式實現將元素對齊到容器的底部。根據具體的需求，可以選擇合適的方法來使用這個屬性，以達到理想的效果。無論是使用絕對定位、flexbox布局還是display為table和table-cell，都可以實現元素的底部對齊，使頁面布局更加靈活和美觀。