Question

我有2个表（为了使我的标题固定我正在使用这种方法）。所有表格宽度均为响应式方法的百分比。

表1：仅显示标题（仅一列）。

表2：要显示数据。它包含在样式为height:70px & overflow:auto;的div中，因此它可以滚动。

两个表都有相同的宽度，但它没有对齐，如果我删除height:70px然后它可以工作，这是由于滚动条我认为。

问题：

1。是否有填充空间的解决方案（附图）

2. 有没有办法显示滚动条脱离div。

Answer 1

你的第一和第二点实际上是相关的。第二个表的宽度受到影响，因为它包含垂直滚动条的宽度。您可以尝试修复两个问题的方法是通过在第二个DIV上执行此操作来补偿滚动条的17px宽度：

width: calc(90% + 17px);

让你的桌子宽100％：

width: 100%;

您可以使用CSS calc来组合像素和百分比宽度，在这种情况下，您可以在考虑滚动条宽度的同时匹配宽度。