如何将位置按钮设置为底部？

Question

我们可以在具有红色边框的演示中更改圆形按钮或寻呼机按钮（位于中央）的位置，但我需要在右下方显示，如图像中所示 .Given图像右下角有点。

我们可以更改右下角的圆形按钮的位置。

这是我的代码 http://plnkr.co/edit/Ny3wPlMG5F1ZbBtachdN?p=preview

#slideTest{
      margin-top:1em;
      border:1px solid pink;
      width:200px;
      height:100px;
    }
    .slider-pager{
      border:1px solid red;

    }

Answer 1

检查出来：

http://plnkr.co/edit/Sorz9aW43nAkfvALVMoc?p=preview

.slider-pager {
position: absolute;
bottom: 0px;
z-index: 1;
height: 15px;
text-align: right;
right: 0px;
width: auto;
}

Answer 2

只需将其置于绝对位置，然后将其置于0，底部为0。

以下是slider-pager类的代码

.slider-pager{
  border:1px solid red;
  position:absolute;
  right:0;
  bottom:0;
}

Answer 3

你的措辞有点不清楚，但我认为你的意思是这样的：

#slideTest{
  margin-top:1em;
  border:1px solid pink;
  width:200px;
  height:100px;
}
.slider-pager{
  border:1px solid red;
  position:absolute; 
  right:0; /* Move element to the right. */ 
  bottom:0; /* Move element to the bottom. */
}

Answer 4

嗨，你只需要改变这个类，只需要添加两个属性虽然给出了答案，但我想添加它..

.slider-pager{
      border:1px solid red;
      bottom: 0px;
      text-align: right;
    }

申请后检查是否适合您

无需为您想要实现的目标应用太多属性。

position: absolute;
bottom: 0px; // include only this
z-index: 1;
height: 15px;
text-align: right; //include only this
right: 0px;
width: auto;