将绝对 div 移到父级之外

Question

是否可以将绝对定位移动div到父边界之外？

我尝试过（较少）left:calc(~'0%-15px')但似乎不起作用:)

.dif-links {
    background: pink; width: 25px; height: 100px; 
    position: absolute; text-align: center;
    left:calc(~'0%-15px')
}

我有一篇文章，我想在文章正文之外维护“共享”div，这就是我使用绝对位置的原因，但现在将其移动到父级的左侧似乎很复杂......

这是我的笔

Answer 1

假设父级是它的包含块（例如 has position: relative），最简单的方法是

position: absolute;
right: 100%;

#wrapper {
  position: relative;
  background: yellow;
  margin: 0 50px;
  height: 50px;
}
#inner {
  position: absolute;
  right: 100%;
  border: 2px solid red;
}

<div id="wrapper">
  <div id="inner">Foo</div>
</div>

Answer 2

只需将 margin-left 设置为 -25px 即可。