본문 바로가기

Front-End: Web

[CSS] 두 요소 겹치기: 부모 relative + 자식 absolute

반응형

부모를 position: relative, 자식을 position: absolute로 두면 자식은 부모의 위치를 기준으로 삼는다.

이렇게 하면 여러 자식 요소를 겹치게 둘 수 있다.

 

(예제)

- 앱 상단 배너에 hover 하기 전

- 앱 상단 배너에 hover 했을 때

반응형