html - 如何仅使用 css 更改 html 元素的位置？

Question

我正在使用 wordpress 并使用主题。主题主机不让我将 html 直接插入文件或让我使用 ftp。我能做到这一点的唯一方法是使用 CSS。我正在努力使幻灯片显示在页面的最顶部。默认情况下，主题使网站 Logo 出现在我不想要的顶部。

这是html

  <div id="page" class="site">
     <header id="masthead" class="site-header" role="banner">
     </header>
     <div id="content" class="site-content">
        <div id="primary" class="content-area">
           <article id="post-2" class="post-2">
              <header class="entry-header">
                 <h1>hello</h1>
              </header>
              <div class="entry-content">
                 <div class="metaslider">
                 </div>
              </div>
           </article>
        </div>
     </div>
  </div>

我需要这样做，以便类 metaslider 的 div 出现在页面中的其他所有内容之前。更具体地说，metaslider 出现在 masthead header 元素之前。我尝试使用 position: realtive; top: -500px; 但它只是与 Logo 重叠，这不是我想要的，我想将 masthead 向下推并将 metaslider 放在它上面.

Answer 1

试试这个

#page {
    position: absolute;
    top: 50px;
}
</style>

让我知道这是否有效