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

此页面上的

#问题标题

的父元素高度约为

54px

，但实际上包含页面的大部分可见内容：

也存在高度为

0px

的此类元件的情况（请参见上的

#页

元件）

属性

element.clientHeight

，

element.offsetHeight

，

element.scrollHeight

，以及

element.getBoundingClientRect（）

都不返回实际值

---

为什么会这样？有没有一种快速可靠的方法来获取元素的实际尺寸？我在DOM树的自顶向下遍历中使用它作为一个循环中断标准，以确保安全的计算时间，因此为什么还要考虑每个元素的子元素计算开销太大。而且我不能使用库。

容器元素的高度/宽度可能为0，因为子元素是浮动的（没有清除）、绝对定位的，或者它（父元素）设置了尺寸。