javascript - Webkit和Firefox之间的“scrollWidth”行为不一致

我有一组标题div，需要与它们下面的内容div的宽度匹配。通常，内容div比标头div更细，并且它们的大小可以变化。

因此，我要做的是设置标题div的宽度以匹配内容div的宽度。然后，因为我希望标题和内容的宽度足够大，以至于不截断任何单词，所以我检查每个标题的“ scrollWidth”属性是否大于其“ offsetWidth”属性，然后设置标题的内容和标题宽度scrollWidth。

header.style.width = tableCell.offsetWidth + "px";
if (header.scrollWidth > header.offsetWidth) {
    content.style.width = header.scrollWidth + "px";
    header.style.width = header.scrollWidth + "px";
}

这在Safari和Chrome上很好用，但在FireFox中根本不起作用。对于Firefox，“ scrollWidth”返回的值与标题的设置宽度相同。

您说：“听起来像是使用表的好时机”，但我不能。标头需要在页面顶部保持静态。

那么，在这些情况下，如何使Firefox返回与scrollWidth相等的值？我尝试将标头div的溢出设置为“隐藏”和“滚动”，但这没有任何效果。

最佳答案

Firefox似乎包括边框宽度，Chrome没有。在Firefox中，我必须减去边框宽度。哈基，但它起作用。

关于javascript - Webkit和Firefox之间的“scrollWidth”行为不一致，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12749978/