HTML中可滾動的嵌套表格

Question

在HTML中創建可滾動表格時遇到一些麻煩。

在一些＃2類似的問題，用overflow: auto在CSS是可行的，但我無法實現成功

是否有任何人誰可以幫助檢查有什麼錯在我的代碼？

我想讓左側的紅色單元格只能滾動。

#samples { 
    overflow: auto; 
    height: 200px; 
} 

的完整代碼是：Jsfiddle

Answer 1

添加以下CSS到<table id="samples">

style="height:200px; overflow:auto;display:block;" 

或者在CSS文件

#samples { 
    overflow: auto; 
    height: 200px; 
    display:block; 
} 

Fiddle here

---

編輯

這可能不是您想要聽到的，但display: table-cell不考慮寬度，並且會根據整個表的寬度摺疊。你可以很容易地解決這個問題，只需在表格單元格內部有一個display: block元素，它的寬度可以指定爲

爲了居中元素，我弄糟了一點CSS。

Fiddle

Answer 2

一個解決辦法是把表一個div裏面，使DIV滾動？

看到這個職位 -

Making a div vertically scrollable using CSS

希望這有助於。