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는 동일한 위치에 유지됩니다. 더 이상 부모 요소에 절대적이지 않습니다. 나는 그들이 주변의 물건과 관계를 유지하기를 원한다. 나는 "상대"지위를 사용해야합니까, 아니면 다른 방법이 있습니까? 그것은 부모의 절대적에 요소의 위치를 ​​확인하려면

덕분에 많은

Answer 1

(또한 jQuery를 환영합니다), 부모가 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 및 http://jsfiddle.net/remYW/