我看到我的网站上出现了一些空白:http://goo.gl/hTyrj
它只在使用 chrome 浏览器时出现,不在 firefox 和 IE 上出现。尝试在各种浏览器(包括chrome)中打开链接,你就会明白是什么问题了。
我尝试检查 chrome 中的元素。但我认不出那是什么。
谁能指导我。是 CSS 问题还是头部区域的某些脚本问题?
更新:见下图:
Chrome :
火狐:
最佳答案
我还发现您的网站在 Chrome 和 IE10 之间存在差异。
检查后,我发现由于某种原因,此代码段导致了一些问题:
#nav-container {
margin-bottom: 3em;
}
更进一步,我可以看到这个片段:
#nav-container {
border: 1px solid #d9d9d9;
border-width: 1px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
background: -webkit-linear-gradient(#ffffff, #f5f5f5);
background: -moz-linear-gradient(center top, #ffffff 0%, #f5f5f5 100%);
background: -moz-gradient(center top, #ffffff 0%, #f5f5f5 100%);
margin: 0 0 1em 0;
}
将两个代码段的 margin-bottom 设置为 0,结果将符合预期!
关于html - 填充仅出现在 chrome 浏览器上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17407963/