为什么getComputedStyle返回'auto'用于元素创建后的像素值

我使用Mustache生成一些HTML，并使用insertAdjacentHTML将其放置在页面上。它显然转换为DOM结构，因为我可以通过使用document.querySelector('.contentarea')调用之后得到它的句柄。但是，如果我试图获得宽度或高度的像素值，它会不断抛出'auto'。

认为这可能只是一个问题与getComputedStyle，我尝试使用.getBoundingClientRect和.offsetWidth代替。两者都返回0。如果我将调用放在setTimeout(function(){}, 1)中稍微延迟一下，它就可以工作，但这对于我的生产代码来说是不实际的，因为它需要进入同步构造函数中。

这在Firefox (Aurora)和Chrome中都发生了。我记得读过一篇关于Mozilla如何通过使用延迟框架结构来提高DOM操作性能的文章，并认为可能会有一个框架有点太延迟的错误，但由于它也发生在Chrome中，这似乎不太可能。

有没有人对这里发生了什么或者如何解决它有任何想法?我真的需要在插入HTML后立即获得像素高度/宽度信息。

PS:任何浏览器做HTML到DOM解析/构建在一个单独的线程?我在想这可能也会导致这种行为。

没关系:这是我自己的错。我只是没有注意到在代码试图获得测量之前设置的display: none;样式。