跪求！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%;}leturl="https://wx2.sinaimg.cn/large/6ad11a59ly1fz4x1zu7d5j212e0u0npf.jpg"letel=``document.querySelector('#wrap').innerHTML=elconsole.log(document.getElementById('wrap').children[0].clientHeight)