対象要素(Element)の直下に配置する

対象要素(Element)の直下に他の要素を配置するような場合、

  • 対象要素と同じ親ボックス配下に追加(対象要素と同列に追加すれば、同じ親ボックスになるはず)
  • position:absoluteで親ボックスからの絶対指定に
  • 対象要素の親ボックスからの位置(offsetTop、offsetLeft)を利用して配置

のようにします。

直下にしたい場合には、対象要素の高さ(offsetHeight)分ずらして配置します。

Firefox 18.0.2、IE8、Chrome 24.0.1312.57 m で確認しましたが、簡単なサンプルでしか確認していないので、もう少しパターンを試してみる必要がありそうです。