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/

div内的垂直定位

1 个答案: