position:fixedの基準値を親要素の左上にする

NO IMAGE

position:fixed は、ブラウザの左上を基準に固定されると思っていたのですが、親要素の左上にすることが出来ることがわかりました。やるべきことは非常にシンプルです。

親要素のpositionは、relative又はabsolute指定。
position: fixed ; で指定した子要素にはleft値を指定しない。

leftを指定しない、というのがポイントですね・・・