inflearn logo
강의

講義

知識共有

ウェブデザイン開発技能士 [2025年] 実技全体 (カカオトーク質問可能)

E-4 レイアウト

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

160

sy4562

投稿した質問数 12

0

.slide {width: calc(100% - 600px);

라고 되어 있는데 %를 사용하려면 html, body{height:100%;} 코드를 작성해야 되지 않나요?

왜 슬라이드에서 % 사용이 가능한지 궁금합니다.

추가적으로 width: 100vw - 600px 는 사용이 불가 한지 알고싶습니다. 강사님께서 픽셀이야기를 하시긴 했는데 이해가 안되어서... 비율과 정확한 단위 이야기 인건지... 질문남깁니다.

HTML/CSS jquery

回答 1

0

dunopi

안녕하세요~~~

body를 기준으로 100% 사용할때 width는 상관없어요 높이만 상관있어요

간단하게 생각하면

body의 기본 width 는 100% height는 0 으로 되있다고 생각하면 됩니다.

 

그래서 body의 높이를 기준으로 자식 높이를 %로 줄때는

html, body{height:100%;} 이게 필요해요

 

slide에서

width: 100vw - 600px를 사용하는건 가능할수도 있고 안될수도 있어요

vw 단위는 화면전체 사이즈를 기준으로 하는 %랑 같기 때문에

예를들어 slide의 폭이 1320일때는 100vw - 600px은 안되는거지요~

 

이해되셨을까요?

 

Json 플러그인 사용시 variable collection 없음

0

12

1

배리어블 목록 없음

0

21

3

Token 등록 방법 문의

0

18

1

6-6 실습 문의

0

23

2

섹션5 노션링크 는 따로 없나요?

0

29

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

32

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

27

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

24

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

54

2

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

0

66

1

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

0

82

2

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

0

160

1

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

0

242

1

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

0

1172

1

position 질문

0

203

1

건의사항

0

294

3

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

0

242

2

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

0

291

2

F1실무코드

0

169

1

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

0

197

2

css로 메뉴 만드는 부분

0

184

1

A-3 유형 코드

0

208

2

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

0

198

2

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

0

282

4