position:fixed
した要素を親要素に対して相対的に配置する方法について、左端に固定というのは見つかったが、右端に固定というケースはなかったので実験しました。
```html
<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↑で確認済み。