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

【问题标题】：DIV absolute positioning - maintain position after browser window resizeDIV 绝对定位 - 在浏览器窗口调整大小后保持位置
【发布时间】：2011-07-30 14:46:01
【问题描述】：

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

非常感谢

【问题讨论】：

标签： jquery css browser position css-position

【解决方案1】：

你需要给你的父 div position:relative 和你的孩子 div position absolute

在http://jsfiddle.net/remYW/查看工作示例

【讨论】：

【解决方案2】：

parent 必须有 position:relative; （或除静态之外的其他定位），以便它的孩子可以相对于它们绝对定位。

【讨论】：

【解决方案3】：

要使元素的位置绝对与其父级，父级必须设置为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>

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

【讨论】：

你相信我已经搜索了2个多小时，你的答案就是答案！加一个！