웹02

웹2_ 디자인삼성 탑바2차메뉴만들기

없쟈냐옹 2024. 2. 8. 12:48

nav 태그 안에 넣어야 하는 이유

부모자식관계로 구성을 해줘야한다.

 

목표 / 문제 / 해결점 / 해결 

 

2차메뉴는 너비를 화면크기만큼 가져야하고, 탑바 바로 밑에 붙어서 나와야한다.

탑바 높이가 수정되면 2차메뉴 위치로 자동으로 2차메뉴 위치로 자동으로 조절되는 코드를 만들어야 한다

 

1. 화면크기만큼 -> body크기

탑바높이 -> top-bar(body) or container(1440)

그다음 목적

- 2. 높이 300px적용하기

- 3. menu-2안에 container생성하기

 

- 4. 그리드 생성해서 중앙으로 옮기기

 

해야되는 코드

- 그리드 생성해서 중앙으로 옮기기

ㄴ 그리드 클래스 생성하기 top-bar-section안에 menu-2안에 들어와야하니까 menu-2자식요소로 쓰기

ㄴ1차메뉴 너비랑 2차메뉴 너비랑 똑같이 설정하기, 눈에 안보이니까

선으로 칠해서 내눈으로 확인하기 (절대 높이값 생각하지 말기)

- 높이 300px적용하기

 

 

모르겠다~