CSS中的div表格布局是一种常用的网页布局方式，通常用于制作新闻、博客、商品列表等网页的展示。它的实现方法非常简单，我们可以通过CSS中的display属性与float属性来实现。下面我们详细介绍一下这种布局的实现方法。

<div class="table">
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
</div>

首先，我们需要定义一个class为table的div作为我们的表格容器，包含多个class为row的div作为行容器。在每一行容器中，包含多个class为cell的div作为单元格容器。下面我们来看一下具体的CSS样式：

.table {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
float: left;
width: 33.33%;
height: 150px;
box-sizing: border-box;
border: 1px solid #ccc;
}

在样式中，我们首先定义了表格容器的display属性值为table，宽度为100%，使得整个表格可以自适应宽度。同时，我们还设置了table-layout属性值为fixed，可以让表格中的每个单元格宽度相等。border-collapse属性用来合并单元格的边框。

接下来，我们定义了行容器的display属性值为table-row，单元格容器的display属性值为table-cell。同时，我们还设置了单元格容器的float属性值为left，来使得单元格排列在同一行。width属性值为33.33%，代表每个单元格宽度为表格总宽度的1/3。height属性值为150px，设置单元格的固定高度。box-sizing属性值为border-box，保证了单元格内容不会溢出边框。最后，我们给单元格容器加上了1像素的边框，用来区分单元格。

通过上面的代码和说明，我们可以清楚地实现一个CSS div表格布局。大家可以根据实际需求，自定义表格样式，达到更好的展示效果。