Div CSS布局是現代Web設計中使用廣泛的一種布局技術，它通過使用HTML中的div元素和CSS中的屬性樣式來實現網頁布局的控制。

<div class="container">
<div class="header">
<h1>網站標題</h1>
</div>
<div class="sidebar">
<p>側邊欄內容</p>
</div>
<div class="main">
<p>主要內容</p>
</div>
<div class="footer">
<p>版權信息</p>
</div>
</div>

在這個例子中，我們使用了一個最外層的div元素，它的class名稱為“container”，作為整個網頁布局的容器。然后，我們將網頁分為了四個部分：header、sidebar、main和footer，它們分別使用了自己的div元素，并設定了各自的class名稱。

接著，我們使用CSS來控制這些div元素的布局。例如，我們給.container一個固定的寬度和居中的對齊方式，讓它在瀏覽器中居中顯示。我們還可以控制每個div元素的位置、大小、背景顏色等等。

.container {
width: 960px;
margin: 0 auto;
background-color: #f2f2f2;
}
.header {
height: 100px;
background-color: #333;
color: #fff;
}
.sidebar {
width: 200px;
float: left;
background-color: #ccc;
}
.main {
width: 760px;
float: left;
background-color: #fff;
}
.footer {
height: 50px;
background-color: #333;
color: #fff;
}

通過這樣的方式，我們可以非常方便地實現網頁的布局，而不必擔心瀏覽器兼容性等問題。當然，在實際使用中，我們還可以進一步優化和調整布局，使網頁更加美觀和適合用戶的需求。