웹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적용하기
모르겠다~