2021-06-12 (61일차) absolte, fixed, 2차메뉴 전체 내려오기, 아이템 아래 이미지 넣기

 

- '네이버 웨일 상단바 레이아웃 모작'영상 보고  2차메뉴 전체 내려오는 거 연습하기

  ㄴ 메뉴 뒤에 배경이 내려올 태그를 하나 더 만드는 방법이였음 (absolute)

  ㄴ height : 0 > height : 100px 로 변경되게 하고 transition 넣어주면 애니메이션 효과 완성

 

- 'fendi 상단바 레이아웃 모작'영상 시청

  ㄴ 이미지 로고 사이즈 조절방법

  ㄴ 2차메뉴 아이템 아래 이미지 넣는 방법 .. 어려워서 나중에 다시 보고 따라하기로..

 

- '농협60주년 상단바 레이아웃 모작'영상 시청

ㄴ 2차메뉴 전체 내려오는 거 (웨일과는 다른 방법이던데)

 

<헷갈렸던 개념 정리>

 

- absolute와 fixed

  공통점 : 너비가 최소한으로 줄어들기 때문에 width:100%를 줘야함

  차이점 : absolute는 위치 고정X, fixed는 위치 고정되어 따라다님

  ※ 나중에 나온 유령값이 더 위에 나옴 (z-index로 조절 가능)