Question

我用CSS3创建了一些图块。在每个tile div中，都有一个图像和一些文本。将鼠标悬停在图像上时会显示该文本。

可以在this CodePen。

中查看图块

但是，正如您所看到的，图块会自动获取图块文本的高度，但我希望它们可以调整到图像的高度。我知道你可以通过设置位置来做到这一点：相对而不是绝对，但是悬停不再起作用了。

有谁知道如何解决这个问题？我真的迷路了，所以非常感谢！

P.S。不幸的是，我不允许在这个项目中使用Javascript或JQuery。

Answer 1

你有正确的想法，你只是过于复杂的一些代码，这导致了冲突。这是codePen的最新版本，它更加简化了。 http://codepen.io/anon/pen/mAirH

希望有所帮助。

Answer 2

如果您从overflow: hidden;移除#tile-container .tile，那么您将获得正确的身高。但是，您必须调整宽度以弥补溢出的消除。

更新：如果添加

*{
-webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

然后宽度也很好。