thead{
width: calc(100% - 17px);
display:block;
}
tbody{
display:block;
overflow-y: auto;
height:100px;
}
我可以调整thead的宽度以匹配tbody +滚动条的宽度。但是，在不显示滚动条的情况下，tbody会进一步向右伸展。有什么办法可以固定躯干宽度？
您需要使用JavaScript进行处理。检查滚动条是否出现，并相应地调整tbody的宽度。
这是与此相关的JS代码，其中t是tbody元素：
if (t.clientHeight == t.scrollHeight)
{
t.style.width = "224px";
}
我已经修改了您的JSFiddle，以向您展示如何在您的情况下工作。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句