Html 是否可以将卡片项目动态排列到顶部？

var size=document.getElementsByClassName（“信息框”）；
用于（常量键大小）{
if（size.hasOwnProperty（键））{
常量元素=大小[键]；
元素。addEventListener（'单击'，（函数（）{
返回选择（元素）；
})，假）；
}
}
功能选择（元素）{
element.classList.toggle（“选定”）；
}

*{
框大小：边框框；
}
主要{
背景色：#121212；
显示器：flex；
柔性包装：包装；
调整项目：灵活启动；
调整内容：灵活启动；
间隙：10px；
填充：30px；
}
.信息框{
/*设计*/
背景色：rgba（255、255、255、0.03）；
边框：1px纯黑；
边界半径：5px；
盒影：10px 10px 15px 0px rgba（0,0,0,0.62）；
/*柔性布局*/
宽度：250px；
高度：250px；
/*内容*/
填充：20px；
溢出：隐藏；
过渡：1s；
}
.info-box.selected{
宽度：510px；
高度：510px；
}