Html 位置：绝对创建混乱的网格流

我正在尝试用css创建一个网格，当单击该网格时，div可以“突破”使用position:absolute，这样它就可以在网格上方移动，而不会与前面提到的网格发生冲突。这是我的建议。如您所见，单击时，位置设置为绝对，但此后会破坏其周围的栅格结构，而不是简单地在其上方浮动。我尝试过使用

z-index

，但没有成功。我做错了什么

提前谢谢

添加

vertical-align: middle;

到

.icon\u包装器