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

希望这有助于。