让div在另一个下面

Question

我必须设置Wordpress中的标签滑块的样式，因此标签导航div恰好位于顶部且内容不足，我想切换它们但我不能 ，tab-content因其内容而具有位置：relative。

我在这里尝试

  css
  .wrapper {
        position: relative; 
   }
  .tab-nav {
       position:absolute;
       bottom:0;
   }

但是tab-nav会关闭，但会粘贴到标签内容中。所以这种方式不起作用。

  <div class="wrapper">
     <div class="tab-nav">
     </div>
     <div class="tab-content">
     </div>
 </div>

我想使用css使tab-nav位于tab-content下。如果我们不使用＆＃34; position＆＃34;

，它会更好

Answer 1

在.tab-nav设置z-index=-1;，然后left / right和top / bottom属性，将其放置在您想要的位置。