inflearn logo
강의

Course

Instructor

Creating the <10,000 Hours Rule> Web Page

HTML

HTML 강의내용 중

353

say

1 asked

1

12:41초 정도에 div태그 btn_wrap을 선언하시고 

그 안에 start_btn 과 click_img를 담으시는데요

두가지 궁금한 점이 있습니다!

첫번째는 개발자 도구를 확인해보니 btn_wrap 영역과 start_btn영역의 크기가 동일하여 중복되는것처럼 보여져서wrap으로 감싸고 있는 이유가 잘 이해 되지 않습니다.

또 두번째는 start_btn영역과 btn_wrap영역이 일치되어 있는데 그 안쪽으로 div태그 click_img가 들어오는 것도 이해되지 않아서 질문드립니다! start 안쪽에 그리고 btn_wrap 바깥쪽에 선언되면 안되는걸까요?

HTML/CSS vscode javascript

Answer 2

1

say

이른시간 답변 감사드립니다! 설명내용이 이해하는데에 도움이 되었습니다!! 답변내용 참고하면서 다시 한번 복습해보도록하겠습니다. 좋은 퀄리티의 강의와 자료 제공 감사드려요~!

1

-J-

안녕하세요 좋은 질문 감사합니다 :)

첫번째 : 말씀하신것 처럼 btn_wrap 영역과 start_btn영역의 크기가 중복되어 있는것 처럼 보이는 이유는 click_img 요소가 position:absolute 라서 normal flow 에서 벗어났기 때문입니다. 때문에 wrap 으로 감싸고 있는 이유는 position:relative 속성을 주기 위해서 라고 볼 수 있겠습니다.

두번째 : click_img 가 btn_wrap 의 형제 요소로 쓰여도 좋습니다. 저도 좋은 제안이라고 생각합니다! 또한 아예 click_img요소를 제거하고 btn_wrap 의 ::after 속성으로 가상요소로써 이미지를 넣을수도 있다고 생각하구요. HTML 태그는 심플 하면 심플할 수록 좋습니다. 다시 한번 좋은 제안 감사합니다 :) ㅎㅎ

강의가 중복됐어요

0

13

0

결제가 이루어지는 방식에 대한 문의

0

22

0

강의제목에 10/15일 삭제라고 나와있는데,

0

43

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

53

2

스크립트 영상 미일치

0

70

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

53

2

강의 설명 중에 헷갈리는 것이 있네요

0

49

1

수업자료 관련 문의

0

65

3

1강 동영상 재생 오류

1

65

2

깃허브에서 URL이 주어지지 않아요

0

434

1

.intro_saying 과 .intro .intro_saying 의 차이

0

366

1

공부하면서 내용들

0

487

1

VSC코드 기본프로그램 설치 주피터노트 파이썬이 안나와요

0

369

0

깃헙

0

355

1

Notion 링크 위치

0

311

1

.title_img img css 작성 문의 드립니다.

0

260

0

window store에서 ubuntu 설치

0

236

1

div클래스를 나누는 기준

0

287

1

html 질문 있습니다!

0

378

1

ubuntu 설치 이유

0

256

1

깃허브에 들어가도 검색이 안되네요 .. ?

0

346

1

컨텐츠 영역의 높이 차이

1

447

1

코드 자동생성 질문합니다.

0

368

1

CSS- 1부

0

392

1