<Div> 中分區是一種常見的網頁布局技術，它將頁面劃分為多個獨立的區塊，并且可以對每個區塊進行樣式和內容的設置。使用 <div> 標簽可以輕松地實現這種分區效果。在本文中，我們將通過幾個代碼案例來詳細說明如何使用 <div> 實現網頁的分區布局。
，我們來看一個簡單的例子。假設我們想要將頁面分為兩個區塊，分別為左側和右側。我們可以這樣寫代碼：

<div class="left">
<p>左側區塊</p>
</div>
<br>
<div class="right">
<p>右側區塊</p>
</div>

在上面的例子中，我們使用了兩個 <div> 標簽來定義左側和右側的區塊。通過給每個 <div> 添加不同的 class 屬性，我們可以對它們進行樣式設置，比如不同的背景色、大小或位置等。
接下來，我們將進一步提升分區布局的復雜度，使它能夠適應更多的需求。假設我們現在想要實現一個三欄布局，分別為左側、中間和右側。我們可以這樣編寫代碼：

<div class="left">
<p>左側區塊</p>
</div>
<br>
<div class="center">
<p>中間區塊</p>
</div>
<br>
<div class="right">
<p>右側區塊</p>
</div>

在上面的代碼中，我們使用了三個 <div> 標簽來定義左側、中間和右側的區塊。同樣地，我們可以通過給每個 <div> 添加不同的 class 屬性來對它們進行樣式設置。這種三欄布局常見于網頁的頂部導航欄或主體內容的布局。
除了使用 class 屬性來設置樣式外，我們還可以使用 id 屬性來對某個具體的區塊進行樣式和操作。下面是一個使用 id 屬性的例子：

<div id="header">
<p>頭部區塊</p>
</div>
<br>
<div id="main">
<p>主體內容</p>
</div>
<br>
<div id="footer">
<p>底部區塊</p>
</div>

在上面的例子中，我們使用了三個 <div> 標簽，并為每個 <div> 添加了不同的 id 屬性。通過這種方式，我們可以針對特定的區塊進行樣式設置或操作。常見的用法是設置不同的高度、寬度或位置等，或者通過 JavaScript 來動態修改區塊的內容或行為。
綜上所述，<div> 中分區是一種常見的網頁布局技術，通過使用 <div> 標簽可以輕松地實現頁面的分區效果。我們可以通過給每個 <div> 添加不同的 class 或 id 屬性來對區塊進行樣式和操作的設置。通過靈活運用這些技術，我們可以創建出各種復雜的網頁布局，滿足不同的設計需求。