DIV 绝对定位 - 浏览器窗口调整大小后保持位置

我正在以绝对位置显示 div。

.my_label{
        list-style:none;
        list-style-type:none;

        position:absolute;
        top:2px;
        left:10px;
        width:20px;
        height:20px;

        background-color:#FF1021;
}

一旦我重新调整浏览器窗口的大小，所有这些 div 都会保持在相同的位置。并且它们对于父元素不再是绝对的。 我希望它们与周围的物体保持联系。我应该使用“相对”位置还是有其他方法？ （也欢迎使用 jQuery）

多谢

要使元素位置相对于其父元素绝对位置，必须将父元素设置为position:relative.

例如：

<div id="parent" style="margin:0 auto; width:500px; position:relative;">
    <div id="child" style="position:absolute; top:10px; left:10px;"></div>
</div>

这不一定是直接父级，当您设置绝对定位时，元素将从最近的祖先开始定位并设置定位。