在網頁設計中，表格是一種常見的元素，它可以用來展示各種數據。而對于表格的高度，我們通常需要讓它自適應內容的高度。這里介紹一些使用CSS來自適應表格高度的方法。

首先，我們可以將表格的高度設置為auto，這樣就能夠自適應表格的內容高度。示例代碼如下：

table {
height: auto;
}

不過這種方法存在一些問題，因為如果表格中的內容過多，它就會自動增加高度，這樣就可能導致頁面布局錯亂。因此，我們可以考慮使用max-height屬性來限制表格的最大高度。示例代碼如下：

table {
max-height: 500px; /* 限制最大高度為500像素 */
height: auto;
overflow-y: auto; /* 在情況下，使用滾動條顯示溢出內容 */
}

這樣一來，如果表格內容高度超過了500像素，就可以出現滾動條來顯示溢出的內容，從而避免了頁面布局的錯亂。

除了上述方法，我們還可以使用JavaScript來實現表格自適應高度。具體做法是，設置一個事件處理程序，當表格內容發生變化時，調用該處理程序來動態設置表格高度。示例代碼如下：

function resizeTable() {
var table = document.getElementById('myTable');
var height = table.scrollHeight;
table.style.height = height + 'px';
}
window.onload = function() {
resizeTable();
};
window.onresize = function() {
resizeTable();
};

上述代碼中，resizeTable()函數會獲取表格的高度，然后動態設置表格的高度。我們將這個函數綁定到頁面加載和窗口調整兩個事件上，這樣每次頁面加載或窗口大小改變時，表格的高度就會自動調整。

綜合來說，使用CSS或JavaScript的方法都可以實現表格自適應高度，具體的選擇要看到實際情況而定。不過無論哪種方法，我們都要保證頁面的布局不會出現太大的錯亂，從而提高用戶的體驗。