CSS在Safari中无法正常工作

时间:2017-12-29 01:14:19

标签: html css

我已经为"粘贴"写了CSS。页脚,这意味着页脚将始终粘在页面的底部。下面是相同的CSS -

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

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

2 个答案:

答案 0 :(得分:2)

您提供的代码可能没有帮助,因为您没有上传其余的代码。因此,从您提供的代码中,您没有添加任何属性以使其在底部固定或粘贴。

再次从您的代码中,我建议您将位置:相对更改为位置:已修复,然后添加以下属性: bottom:0 < /强>; 左:0

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

但是,还有另一种选择,使用位置:-webkit-sticky; position:sticky; 并且还添加了我上面提到的属性。不要忘记-webkit-前缀,因此它将得到支持。

这两个选项中的任何一个都可以在Safari中完美运行。

答案 1 :(得分:0)

清除浏览器和缓存的所有历史记录然后重新尝试。 有时浏览器会捕获预览样式,直到您清除所有历史记录并缓存