css - 親 div を基準にしてカラーボックスを配置する

Question

親 div に対してカラーボックスを配置する方法はありますか? ページ全体に対して相対的な位置ではなく、特定の要素の右側に表示する必要があります。

Answer 1

domがロードされたら、＃colorbox要素を移動できます。例：

$('#colorbox').appendTo('#newElement');

次に、カラーボックスを要素に割り当てるときに、訪問者のビューポートの中央に配置しようとするのではなく、位置を指定する必要があります。

$('a.example').colorbox({top:0, right:0});

そしてもちろん、親オブジェクトは、カラーボックスがそれを基準にして配置されるように配置する必要があります。

#newElement { position:relative; }

Answer 2

<div id="outer" style="position: relative">
   <div id="inner" style="positon: relative"></div>
</div>

ここで、#inner要素は#outer要素に対して相対的に配置されます。#outer 要素の位置を絶対または固定にして、好きな場所に配置できることを意味します。#inner は常に #outer に対して相対的です。