웹2_240207 수업(position absolute와 fixed/ hover)

https://codepen.io/leenyooo/pen/gOEjmJj

position

 

상위 .relative 에 position: relative; 를 적용시켜주지 않았기 때문에

.relative > .absolute 의 위치 조정값은 더 윗조상인

body의 크기를 기준으로 조정이 된다.

 

position: relative; 없을때

 

position: relative;

 

% 쓰게 되면 부모엘리먼트의 크기를 상속받는것.

 

https://codepen.io/leenyooo/pen/RwdBVRY

hover개념과 2차메뉴 연습하기

 

문제를 찾고 방법을 찾고 해결하는 능력..

문제해결능력, 논리적인 사고..

나한테는 없는 거군

---

hover는 부모 자식엘리먼트 구조로 사용해야 간단하게 적용이 가능하다.

다른방법으로 가능하지만 식이 깨끗하지 않게 작성된다.

ㄴ 인접동생선택자로 해결 할수도 있지만 복잡해진다.