twitter-bootstrap - Bootstrap 拉伸(stretch)链接在 Chrome 和 Edge 上损坏，但在 Firefox 上有效

Question

我现在遇到了一个奇怪的问题。我有一个包含多个帐户列表的表格，所有帐户列表都有一个可点击的 ID 号。我使用 stretched-link 将链接延伸到整行，它在 Firefox 中完美运行。然而，在与我的团队开会时，我们发现 Chrome 和 Edge 中的链接非常损坏。出于某种原因，最底部的 stretched-link 被拉伸(stretch)到整个页面，而不是仅限于表格行。

这是一个展示问题的 JSFiddle:https://jsfiddle.net/v7ut1jL0/1/

为什么会这样？

Answer 1

感觉不仅是最后一个，所有的链接都占满了空间。

这是 Bootstrap 存储库中的未决问题 https://github.com/twbs/bootstrap/issues/28608 .

如本comment所述可能是因为

"The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined."

参见 documentation reference这里