CSS是前端開發中非常重要的一部分，其中div的布局使用非常廣泛，下面我們來了解一下如何使用CSS中的div進行布局。

首先，我們需要知道div是一個塊級元素，即它會占據一整行。我們可以使用CSS來控制div的大小、位置、邊距等等。

在CSS中，我們使用以下屬性來控制div的布局：

div {
width: 寬度px;
height: 高度px;
margin: 上 右 下 左;
padding: 上 右 下 左;
position: 定位方式;
top: 上偏移量px;
right: 右偏移量px;
bottom: 下偏移量px;
left: 左偏移量px;
display: 顯示方式;
}

上面的代碼中，我們可以通過設置寬度和高度來控制div的大小。我們可以通過設置margin和padding來調整div與其他元素的距離。position屬性可以決定div的定位方式，可以設置為static、relative、absolute、fixed等不同的值，top、right、bottom、left屬性可以再次調整div的位置。而display屬性可以設置為block、inline、inline-block等不同的值，來決定div的顯示方式。

下面是一個簡單的div布局實例：

div {
width: 200px;
height: 200px;
margin: 20px;
padding: 10px;
position: relative;
top: 50px;
left: 50px;
display: block;
}

通過上述代碼，我們可以讓div以相對位置定位，在網頁上呈現出一個200x200px的區域，并且距離其他元素有一定的距離。

總之，CSS中的div布局是前端開發中非常重要的一部分，通過對div的樣式設置，我們可以實現非常豐富的布局效果。