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的样式设置，我们可以实现非常丰富的布局效果。