在開發網頁時，CSS布局是必不可少的一部分。而在一些較為復雜的頁面中，我們可能需要使用多個表格進行布局。下面就來介紹一下使用CSS布局多表格的方法。

<div class="wrapper">
<table class="table1">
// 這里是第一個表格的內容
</table>
<table class="table2">
// 這里是第二個表格的內容
</table>
</div>
.wrapper {
display: flex;
flex-wrap: wrap;
}
.table1 {
flex-basis: 100%;
}
.table2 {
flex-basis: 50%;
}

上述代碼中，我們將多個表格包裹在一個div容器中，并為容器設置了display: flex以及flex-wrap: wrap屬性，使其變為一個flex布局容器。接著，我們為每個表格設置了不同的flex-basis屬性，從而讓它們能夠根據容器的寬度自適應地占據不同的空間。這樣，即便在不同的屏幕尺寸下，多個表格也能夠平穩地排列。

另外，我們也可以進一步使用CSS中的float屬性來實現多表格布局。下面是一個示例代碼：

<div class="wrapper">
<table class="table1">
// 這里是第一個表格的內容
</table>
<table class="table2">
// 這里是第二個表格的內容
</table>
</div>
.table1 {
float: left;
width: 100%;
}
.table2 {
float: left;
width: 50%;
}

在這個布局中，我們為每個表格設置了不同的寬度，并使用CSS中的float屬性使其能夠并排排列。同樣地，我們也可以根據實際需要，使用不同的CSS屬性來實現多表格的布局需求。