html - 在表格中滚动时，thead 和 tbody 列边框未对齐

Question

我正在尝试制作一张表格，而滚动进来时，列边框和列边框tbody有错位。这是我正在尝试做的示例： codepen tabletheadtbody

使用滚动条，它工作正常。

虽然滚动条不在，tbody但边框有些错位。存在滚动条时，有什么方法可以保持 thead tr 的宽度？

标签： htmlcss

Answer 1

首先，尝试使用代码片段来显示您的代码。

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

thead tr {
  width: calc(100% - 17px);
}

你说你的thead和tbody有偏差，这是因为你在100%开thead而不是开17pxtbody