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

标签 html ruby-on-rails css nginx

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

scrambled results

但它们应该是这样的:

proper results

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

firebug issues

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

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

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

最佳答案

我设法避免了这个问题。

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

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

关于html - 加扰 HTML/CSS 问题似乎无法解释,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6189878/

相关文章:

javascript - this.offset 不是点击函数中的函数

javascript - js 格式的 Rails 代码不起作用

html - 具有绝对位置的 div 交叉悬停菜单

javascript - 将 ontouchstart 中的代码转移到 onmousedown 中

html - 如何在声明它的同一规则中使用 CSS 变量

android - 性能明智的 iOS 扩展文件是否有助于更快地渲染大型 Assets ?

jquery - 使用Rails UJS,如何从函数提交远程表单

html - 带有 div 的 CSS/HTML 中的列

html - 使用 HTML5 视频标签播放视频

html - css include url末尾的问号有什么作用?