<div>是HTML中的一個標簽，用于創建一個塊級容器，用來組織、布局和樣式化網頁內容。在HTML文件中，可以使用<div>標簽來將相關的元素組織在一起，形成一個整體。同時，可以使用CSS來對<div>標簽中的內容進行樣式化處理。
在一些特殊情況下，我們需要將頁面上的內容分割成多個部分，并進行并列顯示。這時，我們可以使用<div>標簽的三個并列用法。
一、水平并列 當我們想要在一行中水平排列多個元素時，可以使用<div>標簽進行水平并列。下面是一個示例代碼：

<p><<div class="container">></p>
<p>  <<div class="box" style="background-color: red;">></p>
<p>    這是第一個盒子</p>
<p>  <</div>></p>
<p>  <<div class="box" style="background-color: blue;">></p>
<p>    這是第二個盒子</p>
<p>  <</div>></p>
<p>  <<div class="box" style="background-color: green;">></p>
<p>    這是第三個盒子</p>
<p>  <</div>></p>
<p><</div>></p>

在這個例子中，我們先創建了一個名為container的外層<div>容器，并在其中定義了三個內層<div>容器，分別對應不同的盒子。我們使用CSS對每個內層<div>容器設置了不同的背景顏色，來使得它們在頁面上呈現出不同的樣式。
二、垂直并列 有時候，我們希望將多個元素在垂直方向上并列顯示，這時可以使用<div>標簽進行垂直并列。下面是一個示例代碼：

<p><<div class="container">></p>
<p>  <<div class="box">></p>
<p>    這是第一個盒子</p>
<p>  <</div>></p>
<p>  <<div class="box">></p>
<p>    這是第二個盒子</p>
<p>  <</div>></p>
<p>  <<div class="box">></p>
<p>    這是第三個盒子</p>
<p>  <</div>></p>
<p><</div>></p>

在這個例子中，我們同樣創建了一個名為container的外層<div>容器，并在其中定義了三個內層<div>容器，分別對應不同的盒子。這次我們沒有設置背景顏色，只是將它們進行垂直排列，形成一個垂直并列的效果。
三、多列并排 有時候，我們希望將一個頁面分成多個列進行排版，這時可以使用<div>標簽進行多列并排。下面是一個示例代碼：

<p><<div class="container">></p>
<p>  <<div class="column">></p>
<p>    這是第一列</p>
<p>  <</div>></p>
<p>  <<div class="column">></p>
<p>    這是第二列</p>
<p>  <</div>></p>
<p>  <<div class="column">></p>
<p>    這是第三列</p>
<p>  <</div>></p>
<p><</div>></p>

在這個例子中，我們同樣創建了一個名為container的外層<div>容器，并在其中定義了三個內層<div>容器，分別對應不同的列。這里我們分別給每個內層<div>容器設置了不同的class，通過CSS樣式來控制每一列的寬度和樣式。
以上是關于<div>標簽三個并列用法的介紹和示例代碼。通過<div>標簽的水平并列、垂直并列和多列并排的用法，我們可以更靈活地進行頁面布局和元素排版，提高頁面的可讀性和美觀性。希望以上內容能對你理解和使用<div>標簽來實現頁面布局有所幫助。