我想使用 getBoundingClientRect() 计算元素的实际大小。如果元素位于给定大小和 overflow:scroll 的容器内，则该方法的结果会有所不同。
无论是否在“overflow:scroll”上下文中，如何才能始终获取元素的总大小？
最佳答案
高度总是正确返回，所以我相信您关心的是宽度。在这种情况下，您的 fiddle 也会为您提供正确的元素大小。 方法如下 -
记住规则 - 除非指定，否则元素的宽度将为父元素的 100%。
使用“默认溢出”设置，您不会设置父包装器的宽度，因此根据规则，它采用父包装器的 100% 宽度，沿着链向上将成为窗口宽度。
通过“overflow hide”和“scroll”，您可以向包装 div 添加一个“small”类，该 div 的高度和宽度固定为 200px。因此，再次应用该规则，其宽度将是父级的 100%，现在为 200px。
关于javascript - getBoundingClientRect() 内 »溢出 :scroll«，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20654526/