inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

214

이종주

작성한 질문수 9

1

강의 영상에서는

.tabs에 relative, 100vh

.items에 absolute top, left

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

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

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

question_img1.pngquestion_img2.png

HTML/CSS jquery

답변 1

1

코딩웍스(Coding Works)

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

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

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

0

이종주

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

class 값 한 번에 부여하는법

2

80

1

@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.

1

69

1

div#css-checker-widget의 해결방

1

60

2

input의 포커스되었을때 검정선이 사라지지 않아요

0

79

2

강의듣는법

1

74

1

아코디언 만들기 100%이하의 화면으로 보았을때

1

68

2

input checked 질문합니다.

0

77

1

Bracket Pair Colorizer - 비주얼 스튜디오

1

140

2

Part 1 영상 안나옵니다

1

90

1

제이쿼리 작동이 안됩니다

1

199

3

강의 내용 질문있습니다.

1

120

2

일정 부분만 주석하는 방법

1

211

2

폰트어썸

1

134

2

인접선택자에 대한 질문드립니다!

1

129

2

delay 적용 안됨

1

135

1

rotateY(360deg)가 적용이 안됩니다!

1

186

2

세로이동할때 height값

1

139

2

폰트어썸이 안되요..

1

487

2

화면 정중앙에 오게끔 할수있나요?

1

169

1

어코디언 네비게이션 중

1

127

1

라이브서버 문제

1

230

2

넷플릭스 어코디언 예제 질문

1

105

1

이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?

1

158

1

active 관련 질문

1

147

2