在網頁制作中，table表格是經常會用到的一個元素，但是有時候我們希望控制table的高度，使他可以適應不同的屏幕大小，并且保持美觀。這時候我們就需要使用CSS來控制table的高度。

table {
height: 300px;
overflow: auto;
}

上面的代碼中，我們通過設置table的高度為300px，同時使用overflow屬性來控制超出高度的內容是否自動隱藏和滾動。其中overflow屬性有以下幾種取值：

1. visible：表示超出部分會被顯示出來，這也是默認值。

2. hidden：表示超出部分會被隱藏。

3. scroll：表示超出部分會被隱藏，但同時會顯示滾動條。

4. auto：表示超出部分會被自動隱藏，但是只在需要時會顯示滾動條。

除了使用CSS設置高度和 overflow 屬性來控制 table 的高度，我們還可以使用 JavaScript 來設置。例如：

var table = document.querySelector('table');
table.style.height = '200px';
table.style.overflow = 'auto';

這段代碼將會把這個 table 的高度設置為 200px，并且會自動顯示滾動條來處理超出部分。

在改變 table 的高度時，還需要注意 table 中的內容是否會因為高度的改變而受影響。因此，在設置 table 的高度和 overflow 屬性之前，需要確保其中的內容已經達到我們的預期。