인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Sh B님의 프로필 이미지
Sh B

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

네비게이션 서브 메뉴 배경 만들 때에 빈div 사용해도 될까요?

작성

·

347

1

저는 강사님을 통해 퍼블리싱 강의를 처음 듣고 웹디자인 기능사를 준비하는 학생입니다. 문의에 앞서 매번 좋은 강의 감사드립니다.

네비게이션 서브메뉴를 구성할때에 리스트 갯수에따라 단차가 생기는 것이 싫어 뒤에 red 박스를 만들어 배경을 대려고 하는데요

css와 제이쿼리는 잘 작동하나 html에서 위와 같이 <div class="subbg"></div> 처럼

안쪽에 글 혹은 a태그를 안넣고 마무리 해도 유효한 건지 여쭤보고싶습니다

 

 

 

답변 1

1

아래 그림처럼 .subbg가 나와야 합니다.

그래서 .subbg가 header를 부모요소로 만드세요.

<header>

   <nav>...</nav>

   <div class="subbg"></div>

</header>

 

header{

  position: relative;

}

.subbg {

  position: absolute;

  top: 0;

  left: 0;

  width: 1200px;

  height: 300px;

}

Sh B님의 프로필 이미지
Sh B
질문자

선생님 덕분에 웹디자인기능사 합격했습니다 감사합니다

남은 강의도 열심히 듣겠습니다!

네. 합격하셨다니까 저도 기쁩니다~!!

Sh B님의 프로필 이미지
Sh B

작성한 질문수

질문하기