有大佬遇到过这个问题吗：js 里输出 clientHeight 和 在浏览器控制台输出的值不一样？各位有什么建议？

Question

创建元素，并且给了宽度，不过没有给高度，下面代码在谷歌浏览器运行会输出32，但是在谷歌浏览器控制台里手动输入document.getElementById('wrap').children[0].clientHeight会输出338也就是该元素正确高度
是因为我获取高度的时候元素还没有加载进来吗？如果没有加载进来的话不是应该输出0吗？为什么会是32？应该怎样获取正确高度呢？
#wrap{
position:relative;
}
.pic-flow{
position:absolute;
width:calc((100%-30px)/4);
}
.pic-flowimg{
width:100%;
}