چالش جاوااسکریپت

داخل این فایل یک سری div هست
این div ها absolute هستند

کدی بنویسید که بتونه ردیف هر کدوم از div ها رو بگه
جای div ها کاملا متغیر هست و می تونه جهت تست هر جایی بره یا تعدادشون کم و زیاد بشه
خروجی پوزیشین های فعلی میشه
box1 = row 1
box2 = row 1
box4 = row 2
box 5 =row 3
box 3 = row 4
بر اساس تغییر می تونه حتی همه توی یک ردیف دو ردیف 5 یا پنج ردیف قرار بگیره که با تغییر top left در خروجی نهایی بررسی میشه
هر جا در محور x فضای خالی باشه که هیچ باکسی اونجا نباشه اونجا میشه مابین دو تا ردیف

.box {
position : absolute;
background : red;
width : 300px;
height : 300px;
color : #fff;
font-size : 50px;
}

<div class=”container”>
<div class=”box” style=”top: 20px; left: 30px” id=”box1″>box1</div>
<div class=”box” style=”height:100px; top: 90px; left: 530px” id=”box2″>box2</div>
<div class=”box” style=”top: 1450px; left: 230px” id=”box3″>box3</div>
<div class=”box” style=”top: 550px; left: 630px” id=”box4″>box4</div>
<div class=”box” style=”top: 950px; left: 130px” id=”box5″>box5</div>
</div>