在網頁制作中，使用 div 布局是比較常見的一種方式。所謂 div，即division的縮寫，用于將網頁分割成不同的區域，方便進行不同的設計和排版。

那么，如何使用 div 布局呢？其實很簡單，只需要在 HTML 中創建 div 元素，并設置其樣式即可。以下是一個常見的 div 布局示例：

<div class="container">
<div class="header">頭部區域</div>
<div class="content">主要內容區域</div>
<div class="sidebar">側邊欄區域</div>
<div class="footer">底部區域</div>
</div>

上述代碼表示，我們在 HTML 中創建了一個名為 container 的 div 容器，并在其中創建了四個子元素：header、content、sidebar 和 footer，分別用于展示頭部區域、主要內容區域、側邊欄區域和底部區域。

接下來，我們可以使用 CSS 來為這些元素設置樣式，比如指定它們的位置、大小、顏色等。以下是一個簡單的 CSS 樣式示例：

.container {
width: 800px;
margin: 0 auto;
}
.header {
height: 100px;
background-color: #eee;
}
.content {
width: 600px;
float: left;
}
.sidebar {
width: 200px;
float: right;
}
.footer {
height: 50px;
background-color: #ccc;
}

上述代碼表示，我們為容器設置了寬度，讓它在水平方向上居中顯示。為頭部設置了高度和背景顏色，以便區分它和其他區域。為內容區域和側邊欄區域都設置了寬度，并使用浮動讓它們左右排列。最后，為底部區域設置了高度和背景顏色。

這樣一來，我們就實現了一個簡單的 div 布局。當然，上述代碼只是一個基礎示例，實際應用中還需要根據具體需求進行修改和優化。不過，掌握了 div 布局的基本原理和方法，就能夠更好地利用這種布局方式進行網頁制作。