位置：绝对创建搞乱网格流

Question

我试图用css创建一个网格，当点击它时，一个div可以＆＃34;突破＆＃34;使用位置：绝对，以便它可以在网格上方移动而不会弄乱上述网格。这是jsFiddle。正如您所看到的，单击时，位置设置为绝对，但此后会破坏其周围的网格结构，而不是简单地浮动在其上方。我尝试使用z-index，但它没有用。我做错了什么？

提前致谢！

Answer 1

添加

vertical-align: middle;

到.icon_wrapper

Demo