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

【问题标题】：how to set position button to bottom?如何将位置按钮设置为底部？
【发布时间】：2015-09-22 12:15:17
【问题描述】：

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

我们可以改变右下角圆形按钮的位置吗？

这是我的代码 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;

    }

【问题讨论】：

标签： javascript angularjs css angularjs-scope ionic-framework

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

【讨论】：

【解决方案2】：

只要让它绝对定位到 0，底部 0。

这是滑块寻呼机类的代码

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

【讨论】：

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

【讨论】：

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

【讨论】：