CSS中劃分區域是一種使用CSS技術來構建網頁布局的過程。通過指定元素的位置、大小、背景等屬性，將頁面分成不同的區域，達到美觀、清晰地呈現頁面內容的目的。這里介紹一些基礎的劃分區域的方法。 使用浮動實現劃分區域可以較為簡單高效地實現。通過float屬性可以將元素向左或向右浮動，進行自適應排列。例如，以下代碼演示了如何通過浮動劃分一個左右兩個區域的布局。

p {
margin: 0;
padding: 0;
}
#left {
width: 30%;
float: left;
background: #eee;
}
#right {
width: 70%;
float: left;
background: #ccc;
}
<div>
<div id="left">
<p>這是左側內容</p>
</div>
<div id="right">
<p>這是右側內容</p>
</div>
</div>

這段代碼中，我們使用了兩個div元素分別表示左右兩個區域。通過設置元素的width、float、和background屬性，將左、右兩個區域分別浮動布局，并設置不同的背景顏色來區分內容。不過這種方法比較容易出現布局錯位的情況，需謹慎使用。 另外，CSS3中引入的flexbox布局也可以方便地實現劃分區域。通過設置display:flex屬性，可以將元素組成一個彈性布局的容器，支持對子元素間的排列、對齊等屬性控制。下面是一個使用flexbox進行區域劃分的例子：

p {
margin: 0;
padding: 0;
}
.container {
display: flex;
}
#left {
width: 30%;
background: #eee;
}
#right {
width: 70%;
background: #ccc;
}
<div class="container">
<div id="left">
<p>這是左側內容</p>
</div>
<div id="right">
<p>這是右側內容</p>
</div>
</div>

這段代碼中，我們使用了一個class為container的div元素作為彈性布局的容器，將左、右兩個區域作為它的子元素。通過設置彈性方向為水平、對齊為左對齊、內部屬性為分散對齊以及對應寬度和背景顏色，來實現劃分區域的目的。但是需要注意的是，flexbox布局并不兼容所有的舊版本瀏覽器，需要根據實際需求進行處理。 通過以上介紹，我們可以看出劃分區域是一種較為基礎而實用的CSS技術。不同的劃分方法有不同的優缺點，根據實際需求選擇適合的方法。