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表格布局。大家可以根據實際需求，自定義表格樣式，達到更好的展示效果。