CSS div布局是一種布局方式，它使用HTML中的div元素來創建布局元素。相比于使用表格或者框架布局，CSS div布局更加靈活，能夠適應不同屏幕尺寸和設備。

在CSS中，每個div元素可以用樣式來定義布局和外觀。樣式包括寬度、高度、邊距、填充、邊框和背景顏色等。這些樣式可以單獨應用于每個div元素，使得布局更加靈活和可控。

在CSS div布局中，通過使用不同的CSS選擇器來選擇不同的div元素。例如，可以使用類選擇器來選擇特定類別的div元素，并為它們定義特定的樣式。對于大型網站，使用CSS div布局可以幫助開發人員更有效地組織和管理頁面的布局，從而更好地滿足用戶需求。

.container {
width: 100%;
background-color: #f2f2f2;
}
.header {
height: 100px;
background-color: #333;
}
.nav {
float: left;
width: 20%;
background-color: #aaa;
}
.content {
float: right;
width: 80%;
background-color: #ddd;
}
.footer {
height: 50px;
background-color: #333;
}

上述代碼展示了一個CSS div布局的示例。在這個示例中，包括一個包含頭、導航、內容和頁腳的容器元素（.container）和四個div元素（.header、.nav、.content和.footer）。使用CSS樣式可以定義每個元素的寬度、高度、背景顏色等屬性來實現布局設計。通過這種方式，開發人員可以更加自由和靈活地設計和布置網頁中的不同元素，從而創造獨特的用戶體驗。