div是HTML中的一個非常重要的標簽，用來分隔網頁的各個模塊，也可以用來做CSS布局。

首先，我們可以在CSS中為div設置寬度和高度，以及背景顏色和邊框等樣式，使其成為一個完整的模塊。然后通過CSS的浮動和定位等屬性，將多個div組合在一起，實現網頁的布局效果。

div {
width: 200px; /* 寬度 */
height: 200px; /* 高度 */
background-color: #eee; /* 背景顏色 */
border: 1px solid #ccc; /* 邊框 */
float: left; /* 左浮動 */
margin: 10px; /* 外邊距 */
position: relative; /* 相對定位 */
top: 10px; /* 上偏移 */
}

如上所示的代碼，我們可以為div設置多種樣式，通過組合使用，達到想要的布局效果。其中，浮動可以讓div按照水平方向排列，定位可以讓div相對于其父元素進行偏移。這樣，我們就可以將多個div通過上述方式組合在一起，形成一個完整的頁面布局，例如網頁的導航欄、側邊欄和正文等。

總之，通過div和CSS的組合使用，我們可以實現各種復雜的布局效果，同時也能夠更加靈活地進行網頁的設計。