前提父元素使用弹性盒子布局
父元素设置

 .father{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;//允许换行
  }

第一种子元素设置

.child {
  margin-left: auto;
}

第二中子元素设置

.child {
   flex: 1;
  text-align: right;
}