Html 表格中滚动条上的AD和T正文列边框未对齐

我正在尝试制作一个表格，当scroll进入

tbody

时，

thead

和

tbody

列边框中有一个错位。 以下是我尝试做的示例：

使用滚动条，它工作正常

虽然滚动条不在

t正文

中，但有一些边框未对齐。

---

当滚动条存在时，有没有办法保持AD tr的宽度？

首先，尝试使用代码段来显示代码

但您的问题在于第35行的CSS：

thead tr{
宽度：计算（100%-17px）；
}

---

您说您的THAD和tbody出现了偏差，这是因为您在

THAD

上而不是

tbody上100%地减少了17px，首先，尝试使用代码片段来显示您的代码

但您的问题在于第35行的CSS：

thead tr{
宽度：计算（100%-17px）；
}

你说你的THAD和tbody有一个错位，这是因为你在
THAD
而不是
tbody
上把17px减了100%，你不应该在一个表中使用flexbox：它完全违背了表布局的目的。无论如何，布局的问题在于，您给
元素的宽度只是从thead@AhmedSunny如果我删除宽度，滚动条出现时也会出现同样的问题。您可能希望看到：如果链接没有向您提供任何提示，则您可能希望执行
overflow-y:scrollt车身
，改为
auto
。。。此处也不需要flex；）您不应该在表中使用flexbox：它完全违背了表布局的目的。无论如何，布局的问题在于，您给
元素的宽度只是从thead@AhmedSunny如果我删除宽度，滚动条出现时也会出现同样的问题。您可能希望看到：如果链接没有向您提供任何提示，则您可能希望执行
overflow-y:scrollt车身
，改为
auto
。。。此处也不需要flex；）滚动条很好，滚动条很好