<div> 是 HTML 中的一個(gè)常用元素，用于在網(wǎng)頁中創(chuàng)建塊級(jí)容器。它可以將網(wǎng)頁內(nèi)容分割為不同的區(qū)域，并對(duì)這些區(qū)域進(jìn)行樣式和組織。在本文中，我們將討論如何將 <div> 元素分為左右兩個(gè)部分，并提供一些實(shí)際的代碼案例。

案例1：

以下是一個(gè)簡(jiǎn)單的代碼示例，將 <div> 分為左右兩個(gè)部分。我們使用 CSS 中的 float 屬性來實(shí)現(xiàn)左右布局。

<div style="width: 100%;">
<div style="float: left; width: 50%;">
<p>左側(cè)內(nèi)容</p>
</div>
<div style="float: right; width: 50%;">
<p>右側(cè)內(nèi)容</p>
</div>
</div>

案例2：

除了使用 float 屬性，我們還可以使用 flexbox 布局來將 <div> 分為左右兩個(gè)部分。下面是一個(gè)使用 flexbox 的代碼示例：

<div style="display: flex;">
<div style="flex: 1;">
<p>左側(cè)內(nèi)容</p>
</div>
<div style="flex: 1;">
<p>右側(cè)內(nèi)容</p>
</div>
</div>

案例3：

還有一種常見的方法是使用 CSS 中的 grid 布局來分割 <div>。下面是一個(gè)使用 grid 布局的示例：

<div style="display: grid; grid-template-columns: 1fr 1fr;">
<div>
<p>左側(cè)內(nèi)容</p>
</div>
<div>
<p>右側(cè)內(nèi)容</p>
</div>
</div>

以上就是幾個(gè)將 <div> 元素分為左右兩個(gè)部分的代碼示例。你可以根據(jù)實(shí)際需要選擇適合的布局方法，并根據(jù)自己的需求調(diào)整寬度和樣式。

在實(shí)際開發(fā)中，我們經(jīng)常會(huì)遇到需要將頁面分為多個(gè)區(qū)域的情況，而將 <div> 分為左右兩部分是其中一種常見的需求。通過使用 CSS 中的不同布局方式，我們可以輕松實(shí)現(xiàn)這種分割效果，并通過調(diào)整樣式和尺寸來滿足設(shè)計(jì)需求。