HTML 강의내용 중
322
1 asked
12:41초 정도에 div태그 btn_wrap을 선언하시고
그 안에 start_btn 과 click_img를 담으시는데요
두가지 궁금한 점이 있습니다!
첫번째는 개발자 도구를 확인해보니 btn_wrap 영역과 start_btn영역의 크기가 동일하여 중복되는것처럼 보여져서wrap으로 감싸고 있는 이유가 잘 이해 되지 않습니다.
또 두번째는 start_btn영역과 btn_wrap영역이 일치되어 있는데 그 안쪽으로 div태그 click_img가 들어오는 것도 이해되지 않아서 질문드립니다! start 안쪽에 그리고 btn_wrap 바깥쪽에 선언되면 안되는걸까요?
Answer 2
1
이른시간 답변 감사드립니다! 설명내용이 이해하는데에 도움이 되었습니다!! 답변내용 참고하면서 다시 한번 복습해보도록하겠습니다. 좋은 퀄리티의 강의와 자료 제공 감사드려요~!
1
안녕하세요 좋은 질문 감사합니다 :)
첫번째 : 말씀하신것 처럼 btn_wrap 영역과 start_btn영역의 크기가 중복되어 있는것 처럼 보이는 이유는 click_img 요소가 position:absolute 라서 normal flow 에서 벗어났기 때문입니다. 때문에 wrap 으로 감싸고 있는 이유는 position:relative 속성을 주기 위해서 라고 볼 수 있겠습니다.
두번째 : click_img 가 btn_wrap 의 형제 요소로 쓰여도 좋습니다. 저도 좋은 제안이라고 생각합니다! 또한 아예 click_img요소를 제거하고 btn_wrap 의 ::after 속성으로 가상요소로써 이미지를 넣을수도 있다고 생각하구요. HTML 태그는 심플 하면 심플할 수록 좋습니다. 다시 한번 좋은 제안 감사합니다 :) ㅎㅎ
변수 설정 시에 질문입니다.
0
7
1
강의자료
0
16
1
윈도우에서 Node js를 설치하고 싶어요
0
22
0
addToFile function에서 path를 사용해 새로운 파일을 생성
0
35
1
[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처
0
31
2
설치 및 설정 가이드 노션 자료는 없나요 ?
0
24
2
강의가 누락된것 같습니다.
0
38
2
용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?
0
48
1
vscode 다루는법을 모르겠습니다
0
24
1
깃허브에서 URL이 주어지지 않아요
0
402
1
.intro_saying 과 .intro .intro_saying 의 차이
0
330
1
공부하면서 내용들
0
459
1
VSC코드 기본프로그램 설치 주피터노트 파이썬이 안나와요
0
350
0
깃헙
0
321
1
Notion 링크 위치
0
281
1
.title_img img css 작성 문의 드립니다.
0
239
0
window store에서 ubuntu 설치
0
210
1
div클래스를 나누는 기준
0
257
1
html 질문 있습니다!
0
349
1
ubuntu 설치 이유
0
234
1
깃허브에 들어가도 검색이 안되네요 .. ?
0
318
1
컨텐츠 영역의 높이 차이
1
394
1
코드 자동생성 질문합니다.
0
337
1
CSS- 1부
0
373
1