在 div 内垂直定位

Question

我有一个容器，可以调整到背景图像的大小。我有一个小按钮，我想在容器的右边四分之三和四分之三处。有什么办法可以做到这一点吗？

这基本上是我所拥有的： https://jsfiddle.net/geekongirl/emL0gjod/8/

.button {
  position: absolute;
  left: 75%;
  top: 75%;
}

<div class="container">
  <div class="button">
    <button class="btn btn-default">button</button>
  </div>
  <img src="https://png.pngtree.com/thumb_back/fh260/back_pic/02/65/14/5957873074946eb.jpg" style="width: 100%;" />
</div>

Answer 1

将position: relative添加到容器

.button {
    position: absolute;
    left: 75%;
    top: 75%;
}
.container {
  position: relative;
}

<div class="container">
    <div class="button">
        <button class="btn btn-default">button</button>
    </div>
    <img src="https://png.pngtree.com/thumb_back/fh260/back_pic/02/65/14/5957873074946eb.jpg" style="width: 100%;" />
</div>

https://jsfiddle.net/tdLbuzga/