Html 表td不是100%

我想知道为什么我的td在我的表格中没有得到100%

此代码必须存在：

.table-scroll tbody {
  display: block;
  overflow-y: scroll;
  height: calc(100% - 130px);
}

当我使用显示块时会发生这种情况，不管怎样，我尝试了很多方法，

td

仍然无法获得100%的表格

jsfiddle：

css:

html:

奥雷利亚
约瑟夫
玛丽
朱迪
朱迪
朱迪
朱迪
朱迪
朱迪
朱迪
朱迪
朱迪
朱迪
朱迪
朱迪

您可以添加此样式：

.table-scroll tbody > tr {
  display: table;
  width: 100%;
}

以下是最新的

---

为什么您的

t车身

需要显示为

display:block

？您正在破坏表格布局，并且会出现类似这样的奇怪行为。

您可以添加以下样式：

.table-scroll tbody > tr {
  display: table;
  width: 100%;
}

以下是最新的

---

为什么您的

t车身

需要显示为

display:block

？您正在破坏表格布局，您将得到类似这样的奇怪行为。

只需将“tr”也设置为“display:block”，它就会工作

tr, td {
  display: block;
}

---

只需将“tr”设置为“display:block”，就可以了

tr, td {
  display: block;
}

---

在添加更多的

td

单元格之前，这将一直有效。在这一点上，为什么还要使用

表

？这只是额外的标记，没有任何好处。我完全同意，在添加更多的

td

单元格之前，这将起作用。在这一点上，为什么还要使用

表

？这只是额外加价，没有任何好处。我完全同意