如何定位对所有浏览器做出适当响应的页脚？

Posted 2023-03-21

【中文标题】如何定位对所有浏览器做出适当响应的页脚？

【英文标题】：How do I position the footer that responds appropriately to all browsers?

【发布时间】：2019-06-22 21:46:42

【问题描述】：

我的页脚没有按应放置在页面底部。它仅响应更新的浏览器/硬件。我是编程新手，所以我可能不会很好地解释这一点。但我希望这是有道理的。我无法显示我的代码，它有我无法弄清楚的问题。

您可以使用开发人员工具查看此处的所有内容 mindstyledecor.com

【问题讨论】：

它看起来可以在 Chrome、Firefox 和 Safari 中运行

但它不响应移动应用程序或旧版浏览器

【参考方案1】：

似乎对我也很好。您可以尝试的一件事是设置

`footer 
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
`

这将确保它贴在您的页面底部。您还必须为您的 body 元素提供 height。

【讨论】：

我认为位置是导致问题的原因。页脚本身与我上传的图像重叠。我会在这里发布它以显示示例，但我不能。