为什么有些容器元素的高度为0？

Question

此确切网页上的#question-header的父元素的高度约为54px，但实际上包含了该网页的大部分可见内容：

此类元素的高度也为0px（请参阅rockpapershotgun上的#page元素）。

属性element.clientHeight，element.offsetHeight，element.scrollHeight和element.getBoundingClientRect()都不会返回实际值。

为什么这样，是否有快速可靠的方法来获得元素的实际尺寸？我在DOM树的自上而下遍历中使用它作为循环中断标准，以努力安全计算时间，因此为什么考虑每个元素的计算成本太高。儿童。我不能使用库。