중첩된 절대 위치 지정으로 인해 요소가 조부모 대신 부모를 참조하게 되는 이유는 무엇입니까?

중첩 위치 지정: 절대 내 절대

중첩된 절대 위치 지정 요소는 CSS에서 예상치 못한 동작을 보일 수 있습니다. 다음 시나리오를 고려하십시오.

• 위치가 상대인 첫 번째 div(#1st)
• #1st를 기준으로 절대 위치에 있는 두 번째 div(#2nd)
• A 세 번째 div(#3rd)는 #2nd 내에 절대 위치에 있습니다

Q: 왜 #3rd가 #1st 대신 #2nd를 기준으로 절대 위치에 있나요?

A: 절대적 위치에 있는 요소 내의 position:absolute는 해당 하위 항목의 상대 위치를 재설정하기 때문입니다.

이 속성은 #3에 대한 #1st의 상대 위치 지정을 효과적으로 재정의하여 위치를 절대 위치로 만듭니다. 직계 부모인 #2nd.

#3rd가 #1st에 대해 절대적으로 위치하는 원하는 동작을 달성하려면 #3rd를 #1st의 직계 하위로 만들어야 합니다.

위 내용은 중첩된 절대 위치 지정으로 인해 요소가 조부모 대신 부모를 참조하게 되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!