<div>是HTML中的一個標簽，用于創建一個塊級元素。它是網頁布局中最常用的標簽之一，可以用來劃分網頁的各個區域并控制其樣式和位置。通過使用<div>標簽，我們可以實現各種復雜的網頁布局。
下面是幾個使用<div>標簽進行網站布局的代碼案例：
案例一：

<p><div style="width: 100%; height: 200px; background-color: #f2f2f2;"></div></p>

在這個案例中，我們通過<div>標簽創建了一個寬度為100%、高度為200px、背景顏色為淺灰色的塊級元素。這個<div>元素可以作為網頁的頭部、底部或者其他區域的背景。
案例二：

<p><div style="width: 300px; float: left; background-color: #f2f2f2;"></div>
<div style="width: 500px; float: right; background-color: #ccc;"></div></p>

在這個案例中，我們創建了兩個<div>元素，并使用了float屬性將它們放置在網頁的左右兩側。第一個<div>元素的寬度為300px，背景顏色為淺灰色；第二個<div>元素的寬度為500px，背景顏色為深灰色。通過這種方式，我們可以實現將網頁中的內容進行左右分欄的效果。
案例三：

<p><div style="width: 300px; height: 400px; position: relative;">
<div style="width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #f2f2f2;"></div>
</div></p>

在這個案例中，我們創建了一個<div>元素，并在其內部創建了另一個<div>元素。通過設置position屬性為relative，我們可以將外層<div>元素設置為相對定位。然后，通過設置內層<div>元素的position屬性為absolute，我們可以將其設置為絕對定位。通過設置top、left和transform屬性，我們可以將內層<div>元素居中顯示。這個案例展示了如何使用<div>元素進行居中布局。
以上只是一些<div>網站布局的簡單案例，實際上，<div>標簽的應用是非常廣泛的，可以根據具體的需求進行靈活的調整和組合。通過合理運用<div>標簽，我們可以實現各種復雜的網頁布局效果，提升用戶體驗。希望這篇文章對你理解<div>網站布局有所幫助。