页眉中的累积布局移位(CLS)

Question

我遇到了一些累积布局移位(CLS)出现在页眉页脚的麻烦。社交图标+文字"发现"出现在主标志后面。

域名为www.minoar.com

这里的一些CSS是:

#footerSocial {
top: 27px;
display: block;

#footerSocial {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
padding: 5px 50px 0 50px;

然而，我不知道如何解决这个问题，使它静态的页脚。谢谢你的建议。非常感谢!

Answer 1

试试

position:sticky

用于页脚部分。这将解决这个问题。