Question

在下图中，我概述了红色的3个内容，第一个是带有'Final Fantasy IV'字样的框的标题，第二个框是'Sonic Chronicles: The Dark Brotherhood，第三个是是Chrome显示的标题的CSS样式。

我的问题是，在标有'Final Fantasy IV'的第一个框中，您可以看到它看起来没问题，并且没有重叠，但在第二个框中，您可以看到某些字体重叠。我可以采取哪些CSS魔法来解决这个问题？

谢谢。

enter image description here

Answer 1

我可以采取哪些CSS魔法来解决这个问题？

CSS Magic：

position: relative;

CSS position文档：

Answer 2

我会想象文本上方的图像，即resultIMG花费时间到d / l，并且在浏览器进行计算时不会下载。在使用JS设置相等高度列时，有时会看到这种情况，其中一个htem包含一个大图像。值得研究。如果可以

，请尝试在resultIMG上设置高度