positionのrelativeとabsoluteの合わせ技

positionのrelativeとabsoluteの合わせ技があるって事を知らずに今まで生きてきました。なんかスゲー損した気分です。

よく絶対位置と相対位置ってことで、そこは知っているのですが、絶対位置の開始位置を親のpositionから開始と知らなかった。body要素とかブラウザのtop:0,left:0でしか使って来なかった。これはなんという残念な自分

そして、relativeだけだと、そこにぽっかりスペースが空いたりIE特有のバグとの戦いがあるとかあんまし意識してなかった...

position:relativeの使いドコロ