滚动条在不同浏览器中的宽度是否始终相同？

Question

我需要进行CSS调整以补偿滚动条。所以我想知道 - 在不同的浏览器和操作系统中滚动条总是相同的宽度？

我有两个表，一个在另一个之上，具有匹配的列宽（设置为百分比）。一个表需要一个滚动条，所以我想在它上面的表中添加另一列来补偿它，所以这些列排成一行。

Answer 1

在不同的浏览器中，滚动条甚至不算相同，其中一些将它们放在框架内，而另一些则将它们放在外面（从而使对齐变得非常痛苦）。

尝试考虑一种将数据呈现在无关紧要的方式。

Answer 2

  

我需要进行CSS调整以补偿滚动条。所以我想知道 - 在不同的浏览器和操作系统中滚动条总是相同的宽度？

不，在某些系统上，它们的宽度是用户可配置的。

Answer 3

SWEET！对于遇到同样问题的人来说，这是一个解决方案。这也应该是跨浏览器兼容的。

只需在顶部表格中添加滚动条，并使用一些额外的CSS来隐藏它们。

#topTable{
    overflow: scroll;
    padding-right: 16px;
    padding-bottom: 16px;
    margin-right: -16px;
    margin-bottom: -16px;
}

理论上，你所要做的就是制作“16px”匹配，所以你可以这样做：

#topTable{
    overflow: scroll;
    padding-right: 100px;
    padding-bottom: 100px;
    margin-right: -100px;
    margin-bottom: -100px;
}