Как согнуть (или подобный аффект), когда все дети находятся в абсолютном положении

Question

По сути, я создал веб-сайт, в котором все дочерние элементы спецификации c div должны иметь абсолютную позицию .

Цель - каждый добавленный элемент (из dom - js) будет частью одного flex-ряда (flex-direction: row). Похоже, использование display: flex на контейнере невозможно из-за положения дочерних элементов.

Есть ли другие возможности? спасибо.

js файл, создайте DOM DIVS внутри основного тега.

let newDiv = document.createElement("div");
  newDiv.classList.add("screen");
  newDiv.style.zIndex = zindex;
  zindex++; 
  document.getElementsByTagName("main")[0].appendChild(newDiv);

css, main = контейнер.

main {
    /*Just in Case*/
    position: relative;
}

main>div {
    border: 5px solid black;
    width: 35vw;
    height: 60vh;
    cursor: move;
    position: absolute !important;
}