Question

HTML表格横向滚动条的CSS样式如何设置

如图1是Struts2下的JSP显示的表格。想弄成图2（Struts1）的表格那样带滚动条的，虽然图1通过右边表格里的div的overflow弄出来了，但是由于table设置了100%的宽度不管用，还是溢出屏幕了，所以滚动条无效，CSS大体显示在开发者工具上了，求大神解答！高分跪求！





Answer 1

固定宽度，overflow:auto;

追问

我这里设置auto根本不管用，struts1我是给overflow-x给设置成scroll滚动，然后Table最外层表格的div设置成100%就可以，但是struts2这个JSP就不行。。。

Answer 2

你试着给表格的父div添加一句overflow-x:hidden;试试看

追问

加了以后div是能限制table，但是table在div里边还是溢出，导致滚动条还是灰的

加了以后div是能限制table，但是table在div里边还是溢出，导致滚动条还是灰的

追答

你审查一下元素，看看能够实现效果的那个页面是怎样写的！

Answer 3

你可以给table外面添加一层的DIV，然后给这个div设置为overflow-x: auto;