DIV绝对定位 – 在浏览器窗口resize后保持位置

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

例如：

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

Answer 2

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

Answer 3

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

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