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

Question

我正在显示位置绝对的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)

非常感谢

Answer 1

要使元素绝对位于其父元素,必须将父元素设置为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>

这不必是直接父项,当您设置绝对定位时,元素将从具有设定位置的最近祖先定位.