inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)

position 질문

220

sy4562

작성한 질문수 12

0

header h1{width: 200px; height: 40px; margin: 30px 0;}
header .gnb {width: 180px; height: 200px; margin: 0 auto; background: #0660da;}
header .gnb li{height: 50px; line-height: 50px; text-align: center; font-size: 20px;}
header .gnb li .lnb{width: 0px; position: absolute; transition: 0.3s; height: 50px; background: rgba(0,188,228,0.9); left: 190px; top: 100px; overflow: hidden; z-index: 10;}
header .gnb li:hover{background: #0c4ba0;}
header .gnb li a{color: #fff; display: block;}
header .gnb:hover li .lnb{width: calc(100% - 190px); }

header .gnb li .lnb li{float: left; font-size: 18px;}
header .gnb li .lnb li a{padding: 0 20px;}
header .gnb li:nth-child(2) .lnb{top: 150px;}
header .gnb li:nth-child(3) .lnb{top: 200px;}
header .gnb li:nth-child(4) .lnb{top: 250px;}

position relative는 안적었는데 그럼 부모기준으로 .gnb li가 부모로 자동지정되는건가요? 참고로 D3 유형입니다.

HTML/CSS jquery

답변 1

0

두노피

아니에요 어차피 .lnb 의 크기가 화면꽉차는 크기라서 body를 기준이 되도록 .gnb li에 position을 안준거에요~~ ^^

class 이름을 section__title이라고 짓는 것에 대해서

0

10

2

수업자료와 노션 공유 문제

0

27

3

'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.

0

55

2

경력기술서는 어떤 방향이 좋을까요?

0

53

2

왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?

0

75

3

어플리케이션 실행 후 에러에 관하여 질문 드립니다.

2

61

2

26,27강 진행 간 노션, html 프롬프트 파일 불일치

0

69

3

<div id="banner">배너 이미지</div> 관련 질문

0

35

1

변수 설정 시에 질문입니다.

0

41

2

강의에 나와있는 2025년 공개문제와 2026년 공개문제가 다릅니다

0

87

1

공지사항과 갤러리html파트 강의자료가 없음.

0

108

2

공지사항과 갤러리 html 폴더 및 파일 문의

0

178

1

제이쿼리 파일을 어디서다운받나요??

0

271

1

웹디자인기능사 실기 감점 요인 질문!

0

1230

1

건의사항

0

310

3

D2유형 슬라이드 질문있습니다.

0

264

2

에러가 나는데... 어디가 잘못된건지 모르겠습니다.ㅠㅠ

0

320

2

F1실무코드

0

178

1

F-1 메뉴 제이쿼리로 제작하는 강의

0

219

2

E4 유형 레이아웃에서 calc 질문있습니다.

0

175

1

css로 메뉴 만드는 부분

0

202

1

A-3 유형 코드

0

231

2

동일답안 (C2, C3유형) 수정부탁드립니다.

0

222

2

궁금한 부분들 질문 드립니다.

0

325

4