html - 加扰 HTML/CSS 问题似乎无法解释

Question

我最近将 Rails 应用程序切换到了新服务器。出于某种原因，搜索结果有时是困惑的。它们看起来像这样:

但它们应该是这样的:

当我检查 firebug 时，包装器 div 似乎没有被正确解析，而不是一堆节点包裹在 <a> 中。标签，节点在集合中是扁平的。

这发生在 chrome 和 firefox、windows 和 linux 以及不同的计算机上。似乎没有任何 CSS 或 HTML 验证错误。我在本地开发服务器上没有问题，只是在生产环境中。

奇怪的是，当我在 Firefox 中查看违规页面时，单击 View > Source ，将 HTML 复制到一个空白文档中，然后打开它，它看起来很好。如果我只是用 curl 获取页面，我似乎也没有这个问题。 .

可通过 http://50.57.76.99 访问该站点.您可能需要进行几次搜索才能获得有问题的结果。有任何想法吗？我完全不知所措!

Answer 1

我设法避免了这个问题。

如果我不将整个元素包装成 <a>标签，问题消失。显然我宁愿让整个元素成为一个链接，但现在只有图像是可以的。我认为另一种解决方案是交换 <div> <span> 的标签按照建议添加标签，但这种快速修复似乎效果很好。

虽然看起来仍然很奇怪，因为它在破裂时似乎是任意的。感谢您的帮助!