#質問 CSSの position: absolute;について素朴な質問です。

以下のサイトの「購入特典」の下部の「特典」をよくあるdlで定義リストにしている所なんですが、
http://www.hoshinogen.com/special/familysong/

<div class="novelty_content fix">のdlの個所、
ddにmargin-leftで右にずらして、dtに position: absolute;でdd、dtを横並びにしてます。
どうして、dtに position: absolute;するとddも横ならびになるのか
きちんと説明出来る方、おられますか。

同じようなレイアウトは他の方法でも出来ますし、普段cssでのレイアウトの再現について、
あまり困る事もないのですが、お恥ずかしながら上記の疑問を持ち、
我ながら実は仕様の根本からは理解してないな、と気づいてしまいました。。

お時間ある方、よかったらPCで見ておつきあい頂ければありがたいです。