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。