父節(jié)點(diǎn)(document.body)具有屬性

margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    
    display: flex;
    align-items: center;
    justify-content: center;

和子元素(HTMLDivElement[])

width: 12.5em;
    height: 20em;

我做的是，讓瀏覽器(Firefox 112.0.1 (32位))通過body.append(...)然后用getBoundingClientRect()獲取它們的位置，然后將位置作為樣式屬性放回，添加position: absolute。我希望孩子們的位置保持不變，但是每個(gè)孩子都有一半寬度的水平偏移，根據(jù)他們左邊的鄰居(互相重疊)。渲染和重新定位之間的延遲無(wú)關(guān)緊要。我做錯(cuò)了什么？

期望在描述的過程之后所有的元素在視覺上保持相同，沒有重疊，沒有任何東西。