CSS中的div布局是前端开发中最为基础的一种布局方式，它通过对HTML中div元素设置样式，将整个页面划分出不同的块状区域，从而实现了灵活的页面布局效果。

一般而言，通过设置div的宽度、高度、边距等样式，可以实现各种不同形状的布局，比如流式布局、网格布局、居中布局等。下面是一个流式布局的示例代码：

<div id="container">
<div id="left"></div>
<div id="right"></div>
</div>
#container {
width: 100%;
height: 300px;
}
#left {
width: 70%;
height: 100%;
float: left;
}
#right {
width: 30%;
height: 100%;
float: left;
}

在上面的代码中，我们首先定义了一个id为container的div元素，设置了宽度为100%、高度为300px，表示整个布局的大小是屏幕的宽度，并且高度固定为300px。接下来，我们将container中的内容划分为两块，左边占据70%，右边占据30%。这里使用了float属性将两个div元素剪裁在container中，并且设置它们的高度与container相同。

以上就是CSS中div布局的基本设置方式。在实际开发中，我们常常会通过不同的样式组合，实现不同的页面效果。同时，还可以使用CSS框架如Bootstrap等，以简化开发难度。希望这篇文章能对初学者有所帮助。