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都保持在同一位置。并且它们不再是父元素的绝对。我希望他们与周围的物体保持联系。我应该使用职位＆＃34;亲戚＆＃34;还是有另一种方式？（也欢迎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>

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

Answer 2

父母必须有位置：亲属; （或者除静电之外的其他一些定位），以便它的孩子可以绝对地定位于它们。

Answer 3

您需要向父级div position:relative和您的子级div position absolute

提供

查看http://jsfiddle.net/remYW/

上的工作示例

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

3 个答案: