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

이종주님의 프로필 이미지

작성한 질문수

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

24.Pure CSS 콘텐츠 슬라이더 프로토타입 01 (풀스크린 탭 콘텐츠 슬라이더 프로토타입)

영상 14분쯤에 대한 질문입니다.

23.12.08 17:39 작성

·

156

1

강의 영상에서는

.tabs에 relative, 100vh

.items에 absolute top, left

이렇게 강의 해주셨는데 제가 다르게도 한번 해보았습니다.

이렇게 하니 코드가 조금이나마 짧은것 같아서요~ 동작은 똑같이 하는데 이렇게 해도 실무에 적용하는데 구조적으로 문제 없는지 궁금해서 질문 드려봅니다.

항상 좋은강의 감사합니다 선생님!

question_img1.pngquestion_img2.png

답변 1

1

코딩웍스(Coding Works)님의 프로필 이미지

2023. 12. 08. 23:40

강의에서는 플렉스를 사용하지 않았기 때문에 .tabs에 relative를 주어야 합니다.

현재 예제는 브라우저에 가득차는 전체화면 예제라서 .tabs에 relative를 안주면 현재 예제에서는 달라지는게 없지만 .items가 부모요소를 body로 인식합니다.

가급적 부모요소를 .tabs로 명시하는 것이 좋습니다.

이종주님의 프로필 이미지
이종주
질문자

2023. 12. 09. 00:10

아~ 그렇군요 알겠습니다 선생님 답변 주셔서 감사합니다!