我正在尝试在将鼠标悬停在另一张图像上的图像后添加说明，但是在图像下方始终存在空白。我认为可以在说明中添加margin-top:-200px来消除差距，但是我想确切地知道是什么原因造成的，以及是否还有其他方法可以解决此问题。
https://jsfiddle.net/vLnpkkos/
这对我来说都是很新的，因此为什么这个问题可能很荒谬。感谢您的时间！
最佳答案
以下CSS选择器中的高度引起间隙。
.flip-container,
.front,
.back {
width: 320px;
height: 480px;
}