div内的垂直定位[重复]答案

【问题标题】：vertical positioning within div [duplicate]div内的垂直定位[重复]
【发布时间】：2019-07-13 03:56:42
【问题描述】：

我有一个容器，可以根据背景图像的大小进行调整。我有一个小按钮，我希望它位于容器右侧的四分之三处和容器下方的四分之三处。有什么办法可以实现吗？

这基本上是我所拥有的：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>

【问题讨论】：

标签： html css vertical-alignment

【解决方案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/

【讨论】：