2021-04-30 (18일차) 3차 풀다운 메뉴 만드는 방법

90강

'구현' 시험보는날

1차 풀다운 메뉴 or 2차 풀다운 메뉴 or 3차 풀다운 메뉴

선택해서 시험!

 

 

 

- 3차 풀다운 메뉴 만들기

작업 1, 1,2차 메뉴 먼저 만들기

작업 2, 3차 메뉴 마크업

작업 3, 2차 메뉴 아이템에 hover하면 자식인 3차 메뉴 노출되게 하기

작업 4, 2차 메뉴 아이템도 position : relative;(유령의 집화)

작업 3, 3차 메뉴 위치를 아래가 아닌 오른쪽으로 이동

작업 4, 3차 메뉴의 너비 정상화, white-space : nowrap;(줄바꿈X)