在CSS中，我們可以使用多種方法來(lái)交換表格的位置，以下是一種常見(jiàn)的方法，使用Flexbox布局來(lái)實(shí)現(xiàn)：

1、創(chuàng)建一個(gè)包含兩個(gè)表格的Flex容器。

<div style="display: flex;">
    <table id="table1">
        <!-- 表格內(nèi)容 -->
    </table>
    <table id="table2">
        <!-- 表格內(nèi)容 -->
    </table>
</div>

2、使用JavaScript來(lái)交換兩個(gè)表格的位置。

var table1 = document.getElementById('table1');
var table2 = document.getElementById('table2');
var flexContainer = document.querySelector('div');
// 保存當(dāng)前位置
var currentOrder = flexContainer.children.length;
// 交換位置
flexContainer.appendChild(table1, flexContainer.children[currentOrder - 1]);
flexContainer.appendChild(table2, flexContainer.children[currentOrder - 2]);

這段代碼會(huì)找到包含兩個(gè)表格的Flex容器，并使用JavaScript來(lái)交換兩個(gè)表格的位置，執(zhí)行上述代碼后，table1會(huì)移動(dòng)到table2之前的位置。

這種方法依賴于JavaScript來(lái)執(zhí)行位置交換，如果你希望在CSS中僅使用CSS樣式來(lái)實(shí)現(xiàn)位置交換，那么這種方法可能不適合你，在這種情況下，你可能需要尋找其他CSS布局技術(shù)或方法來(lái)滿足你的需求。