HTML
CSS

position:fixedで親要素に対し右端に固定

position:fixedした要素を親要素に対して相対的に配置する方法について、左端に固定というのは見つかったが、右端に固定というケースはなかったので実験しました。
```

<div class="parents">
  <div class="child">親要素の右端に固定したい!</div>
</div>

左端に固定したい場合は、left:auto;left:0;などとするといいというのが定説みたいだけど、left:50%;までもなぜか親要素に対して相対的な位置になる模様。それ以上の値になるとブラウザ幅が基準になる。
なのでそれを利用し、left:50%;で半分まで寄せたあとmargin-leftで絶対値を入れて戻す。
レスポンシブの場合は……どうしようか…。

    .parents{
      width:1000px;
      margin:0 auto;
    }
    .child{
      position:fixed;
      left:50%;
      marign-left:500px;
    }

Chrome、IE10↑で確認済み。