<div>標簽是HTML中用于劃分網頁內容的重要元素之一，它可以用于劃分列，將網頁的內容分成多個獨立的列，實現精確布局和排版。通過<div>標簽的使用，我們可以創建多個并排的列，將不同的內容放置在不同的列中，使得網頁顯示更加清晰、美觀。下面將通過幾個代碼案例來詳細解釋說明<div>標簽的劃分列功能。
案例一： <div>標簽的最基本用法是通過CSS樣式來設置寬度，實現劃分列。例如，我們可以使用以下代碼實現將網頁的內容平分為兩列的效果：

<style>
.column {
float: left;
width: 50%;
}
</style>
<br>
<div class="column">
<p>左側列的內容</p>
</div>
<div class="column">
<p>右側列的內容</p>
</div>

上述代碼中，我們定義了一個名為.column的CSS類，通過設置float: left和width: 50%來將內容分成兩列。在<div>標簽中添加了column類，將左側和右側的內容放在了兩個不同的列中。
案例二： 除了平分兩列，我們還可以通過設置不同的寬度比例，實現不等寬度的列劃分。以下代碼展示了將網頁劃分為兩個不等寬度列的效果：

<style>
.column1 {
float: left;
width: 30%;
}
.column2 {
float: left;
width: 70%;
}
</style>
<br>
<div class="column1">
<p>左側窄列的內容</p>
</div>
<div class="column2">
<p>右側寬列的內容</p>
</div>

上述代碼中，我們通過設置不同的width屬性，使得左側列占據30%的寬度，右側列占據70%的寬度。通過這種方式，我們可以自由控制不同列的寬度比例，實現靈活的頁面布局。
案例三： 除了通過CSS樣式設置寬度，我們還可以使用CSS框架來快速實現劃分列的效果。以下代碼示范了使用Bootstrap框架將網頁劃分為三等寬度的列的方法：

<link rel="stylesheet" >
<br>
<div class="container">
<div class="row">
<div class="col">
<p>第一列的內容</p>
</div>
<div class="col">
<p>第二列的內容</p>
</div>
<div class="col">
<p>第三列的內容</p>
</div>
</div>
</div>

上述代碼中，我們引入了Bootstrap框架的CSS文件，然后使用.container和.row類創建一個容器，并在其中使用.col類創建三個并排的列，這三個列會自動平分父容器的寬度。
通過這幾個代碼案例的演示，我們可以看到<div>標簽的劃分列功能是如何通過CSS樣式設置寬度、比例以及使用CSS框架快速實現劃分列的效果。通過合理地使用<div>標簽及相關樣式，我們可以實現靈活、多樣化的網頁布局，讓頁面呈現出更好的可讀性和美觀性。