0

我的设计需要在页面顶部放置一个绝对定位的对象。（圆圈内的菜单）

然后大约 5 行后（使用基础）我有第二个绝对定位元素。但是它的位置是基于前一个元素的，因为一旦你应用position: absolute到一个元素，你通常会发现自己将它应用到其他所有元素。因此，即使默认情况下行相对定位，它也不会重置绝对位置，因此元素浮动到页面的开头。

我可以定位它，但如果我添加一个元素，我必须修改 CSS，所以这不好。

那么你如何重置绝对位置，我试图在我的第二个元素静态和另一个绝对之前有元素，但它不起作用。

第一个元素基于此 Gist，然后代码为：

.or {
    position: absolute;
    background-image: url(../assets/img/OR.svg);
    top: 50%;
    left: 50%;
    margin: -42px;
    width: 84px;
    height: 84px;
    background-size: 84px 84px;
    z-index: 50;
}

这就是 HTML

   <div class="small-6 columns  text-center " >

      <div class="panel " data-equalizer-watch>
         this is the content
      </div> 
   </div>

   <div class="or" > OR</div>
   <div class="small-6 columns  text-center">
      <div class="panel" data-equalizer-watch>
         this is the content
      </div>
   </div>

这是 Or 部分，无论此处的内容如何，​​都需要居中它是常规的，但不是在所有页面上

谢谢

4

1 回答 1

0

解决方案很简单（像往常一样）是相对于父 div

于 2015-08-21T22:00:37.013 回答