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;
}

как только я изменю размер окна браузера, все эти элементы остаются в той же позиции.и они больше не являются абсолютными по отношению к родительским элементам.Я хочу, чтобы они оставались в связи с окружающими объектами.я должен использовать положение "родственник" или есть другой способ?(также приветствуется 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>

Это не обязательно должно быть прямымparent, когда вы устанавливаете абсолютное позиционирование, элемент будет позиционироваться от ближайшего предка с установленным позиционированием.

Answer 2

Вам нужно дать вашему родителю div position:relative и вашему ребенку div position absolute

Проверьте рабочий пример на http://jsfiddle.net/remYW/

Answer 3

родитель должен иметь положение: относительное; (или какое-либо другое расположение кроме статического), чтобы его дочерний элемент мог быть расположен абсолютно относительно них.