Html CSS在Safari中未按预期工作

我已经为“粘性”页脚编写了CSS，这意味着页脚将始终粘在页面底部。下面是同样的CSS-

footer {
    clear: both;
    position: relative;
    background-color: #e9eef2;
    min-height: 135px;
    width: 100%;
    text-align: center;
}

---

这在除Safari之外的所有浏览器中都适用。在safari中，它不会粘在底部，而是出现在内容结束的地方。请帮忙

清除浏览器和缓存的所有历史记录，然后重试。

---

有时浏览器会捕获预览样式，直到您清除所有历史记录并缓存为止

清除浏览器和缓存的所有历史记录，然后重试。

---

有时，浏览器会捕获预览样式，直到您清除所有历史记录并缓存您提供的代码，因为您没有上载其余代码，所以可能没有帮助。因此，从您提供的代码来看，您没有添加任何属性使其固定在底部或粘性

因此，再次从代码中，我建议您将位置：相对更改为位置：固定，然后添加以下属性：底部：0左：0

所有浏览器都支持该代码，包括Safari

然而，还有另一个选择，通过使用位置：-webkit sticky；位置：粘性并通过添加我上面提到的属性。不要忘记-webkit-prefix，因此它将受到支持

---

这两个选项中的任何一个，都将在Safari中完美运行

您提供的代码可能没有帮助，因为您没有上载其余的代码。因此，从您提供的代码来看，您没有添加任何属性使其固定在底部或粘性

因此，再次从代码中，我建议您将位置：相对更改为位置：固定，然后添加以下属性：底部：0左：0

所有浏览器都支持该代码，包括Safari

然而，还有另一个选择，通过使用位置：-webkit sticky；位置：粘性并通过添加我上面提到的属性。不要忘记-webkit-prefix，因此它将受到支持

---

这两个选项中的任何一个，都将在Safari中完美运行

我看不出那个页脚有什么特别难缠的地方。我们能看一下页脚吗？我看不出那页脚有什么特别粘的地方。我们能看一下地图吗？