css - 顶栏重叠而不是向下推？

Question

我现在正在一个网站上工作，无法真正弄清楚到底发生了什么。您可以在这里查看页面：http: //demo.easythemepro.com/?themedemo= AnimeStar

如果您查看可以切换主题的顶部栏，您会发现它实际上与网站重叠，而不是将整个内容向下推。究竟需要改变什么来解决这个问题？

我已经尝试改变从 PHP 到 HTML 再到 CSS 的所有内容，并且它一直在发生。我知道这是一个非常简单的问题，在盯着这段代码这么久之后我只是忽略了......

Answer 1

它设置为position: fixed。

#wpthemedemobar {
    position: fixed !important;
}

这意味着元素相对于浏览器窗口定位。您可以将其更改为relative，它应该与页面内容一起流动。

Answer 2

如果你想添加一个固定的顶栏而不重叠网站，你将不得不使用 iframe 来包含主题。