翻转对象插件在网页中不能正常工作

Question

在下面的网页中，顶部的4个对象翻转得很好，很顺利，而第二行的2个对象则没有，当鼠标停留在第二行两个框之间的空白区域时，它们有时甚至会翻转，这可能会出错。

点击

Answer 1

尝试使用!important:

#nav-list-example li div {
  width: 200px;
  height: 300px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0 !important; //<-----this one with !important
}

left: 135px;这导致了问题。按照上面的建议修复