【发布时间】：2018-03-04 17:52:40
【问题描述】：
为什么当我将鼠标悬停在卡片图像上时移动了？！
我正在尝试修复它，当我删除页面 direction 或从 #center 中删除 overflow-y 时，我发现它已修复但我需要它们！！
即使我检查卡片中的元素并且鼠标悬停也可以看到所有元素都已移动但显示正确！
我猜这可能是 chrome 浏览器中的页面渲染问题
实际上是什么问题，我该如何从技术上解决它？
【问题讨论】：
-
尝试使用 flexbox 而不是浮动。这可以通过 flexbox 轻松实现。
-
为什么是负分！？这是真实演示的问题！
-
其实我对这么好的问题和演示一起投了赞成票。不知道谁投了反对票。
-
尝试背面可见性：隐藏在 .div 上。它确实解决了你的问题。这是一个已知的问题。见@Thai Hoc Ha Nguyen 回答
标签： html css google-chrome