html表格的浮动水平条

我的html表格中的列数量非常大，我必须一直滚动才能查看这些元素

我尝试将html表封装在下面的div中

div.scroll
{
overflow:scroll;
}

但问题是，滚动条出现在表的底部，我必须一直滚动到表的底部，然后再次导航回所需的行并查看它

我希望滚动条[水平和垂直]都是浮动的，这样我就可以从第一行和第一列开始滚动

我不想使用任何第三方库。这可能吗？

看看这个，它会有帮助。将表格放在div中，则滚动条不会出现在表格底部

像这样使用div的最大高度和最大宽度

.simple{
overflow: auto;
max-width: 200px;
max-height: 180px;
}

---

始终设置包围的

div

的高度和宽度以获得滚动效果，并将

display

属性设置为

block

，以便滚动条位于div下方（而不是表格下方）

---

如果想要滚动效果，请不要将内容放在表中。因为表格将采用自动高度。将所有内容放在一个div中，并自动滚动到该div。这就像是解决实际问题的一种方法。表格数据是实时填充的，我无法控制表格数据。通过降低高度和宽度，我们实际上并没有使滚动条浮动；但由于尺寸减小，滚动条“看起来”是浮动的。如果表格数据变大，您可以将数据添加到表格中，并且必须将表格放入div中，则效果良好

div.scroll{  
display:block;  
height:400px;  
overflow:auto;  
}