study/clab-26-1/week4

[giscus[bot]]

study/clab-26-1/week4

SEOJing's 프론트엔드 개발 블로그 플랫폼

https://seojing.tjwlsrb1021.workers.dev/blog/study/clab-26-1/week4

[gmrdytjr12]

1번의 경우에서는 #A를 기준으로 삼게 됩니다. position이 absolute인 경우 position이 static이 아닌 가장 가까운 부모 요소를 기준으로 삼기 떄문에 position이 static인 #B가 아닌, relative인 #A를 기준으로 삼게 됩니다.
2번의 경우 위와 동일한 이유로 인해 #D를 기준으로 배치되게 되며, 3번의 경우에 #D는 position이 static이 되었으므로 가장 가까운 position이 static이 아닌 부모 요소인 #C를 기준으로 배치되게 됩니다.

[jihyun808]

두 문제 모두 묻는 태그의 position이 absolute 이므로 relative인 태그들을 기준으로 배치됩니다. static이 아닌 부모 요소를 기준으로 하는 규칙이 있습니다.

[chjnett]

1:#A를 기준으로 배치,postion이 static이 아닌 부모요소를 잡기에 relative인 #A를 기준으로 배치됩니다