css - 将绝对 div 移到父级之外

Question

是否可以移动绝对定位div在 parent 的边界之外？

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

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

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



这是my pen

Answer 1

假设父级是它的包含块(例如有 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>