CSS表格自適應寬度高度是指使用CSS使表格元素能夠自動適應其容器的寬度和高度，以達到表格自適應的效果。在很多情況下，一個表格的寬度和高度是不固定的，要使其完美展現在不同的屏幕中需要使用CSS表格自適應寬度高度技術。

為了實現表格的自適應，我們需要先確定表格容器的寬度和高度。然后，根據容器的大小來設置表格元素的寬度和高度。下面是一個示例：

<div class="table-wrapper">
<table class="data-table">
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>28</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>32</td>
<td>男</td>
</tr>
</tbody>
</table>
</div>
.table-wrapper {
width: 100%;
height: auto;
overflow-x: auto;
}
.data-table {
width: 100%;
max-width: 600px;
margin: 0 auto;
border-collapse: collapse;
text-align: center;
}
.data-table td, .data-table th {
padding: 10px;
}

在這個示例中，我們創建了一個包含表格的div，同時設置了其寬度為100%和高度自適應。此外，我們還將其水平滾動條設置為自動顯示，這樣可以保證表格過長時出現滾動條。

在CSS中，我們通過設置表格的寬度為100%和最大寬度為600px，這樣可以保證表格適應于不同的屏幕設備。同時，我們還為表格的單元格設置了統一的padding值。

通過這種方式，我們就達到了CSS表格自適應寬度高度的效果，并且可以確保表格完美地展現在各種不同大小的屏幕上。