CSS 错误：Firefox 上图像下的页脚，但在其他 WebBrowser 上的图像之上 [关闭]答案

【问题标题】：CSS Bug: Footer under images on Firefox, but on top of Images on other WebBrowsers [closed]CSS 错误：Firefox 上图像下的页脚，但在其他 WebBrowser 上的图像之上 [关闭]
【发布时间】：2015-10-06 02:32:04
【问题描述】：

我正在使用 wordpress 做一个网站，但我遇到了这个问题。在编辑页面的一些 css 时，我想让页脚更靠近图像小部件。问题出在 Firefox 上，该站点是完美的，但是当我们从其他浏览器（例如：chrome 或 safari）查看它时，它位于图像之上。

有人能猜出这个吗？我花了几个小时试图改变这一点，但它并没有真正起作用。

这是网站的链接： http://portugalweddingphotographer.com/

非常感谢

【问题讨论】：

欢迎来到 Stack Overflow！请贴出您编写的代码，通常无法在没有看到您的代码的情况下回答问题。
我似乎无法复制这个问题。在我所有的浏览器上看起来都一样。我用过 Firefox、Chrome 和 Safari。
对我来说看起来不错。尝试在 chrome 中按 ctrl+shift+R（或 crtl+shift+f5）来清除缓存。 css 可能会被缓存，因为看起来一切正常

标签： html css wordpress footer

【解决方案1】：

我同意，刷新你的缓存。要使页脚比当前更接近，请删除/调整填充和边距：

footer#footer-container p.copyright {
  margin: 30px 0; /*can make this 10px for example*/
}

footer#footer-container {
  padding: 30px 0; /*can make this 10px for example*/
}

【讨论】：

【解决方案2】：

我喜欢做这样的事情：

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

其中 .footer 是最外层页脚包装上的类，它是正文中的最后一件事，但在内容包装或其他内容之下。您可以将 60px 更改为整个页脚的任何高度。

但很难确定发生了什么，因为我无法仅查看网站就重现该错误 -- 你能发布你网站的 html/css 吗？

【讨论】：