Question

HTML中给表格添加滚动条问题

我把表格分为了thead和tbody两部分，要在tbody上添加垂直滚动条，整个table添加一个水平滚动条，应该怎么做。css代码添加垂直滚动条：table tbody { display:block; height:90%; overflow-y:scroll; } table thead, tbody tr { display:table; width:100%; table-layout:fixed; } table thead { width: calc( 100% - 1em ) }但是现在无法添加水平滚动条，结果就是表格的列全都挤在了一起，变成下面图片那样了，要怎么样才能把单元格长度变成符合我想要的长度。

Answer 1

table设置overflow-x:auto,overflow-y:hidden
thead设置overflow:hidden
tbody设置overflow-y:hidden,overflow-x:hidden
还有就是你table要定宽高

追问

添加了滚动条，但是这个时候thead全挤在一起了，设置了table-layout之后thead就把每个单元格长度按照表格的宽平均分配了，所以看不清thead的内容了

追答

那就不要用表格做 用列表写 你用表格给table设置overflow肯定会全部显示的

追问

列表怎么写

追答

百度上找一个用列表写得表格就好了啊 然后分清楚那个是表头 就好了

Answer 2

增加一个样式属性：
overflow-x:auto

追问

在哪里增加