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

작성한 질문수

웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)

E-4 레이아웃

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

작성

158

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

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

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

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

퀴즈

65%나 틀려요. 한번 도전해보세요!

웹 페이지의 주요 구성 요소(헤더, 섹션, 푸터 등)를 가로로 배치할 때 일반적으로 사용되는 CSS 속성은 무엇인가요?

position

margin

float

z-index

답변 1

지식공유자

안녕하세요~~~

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

간단하게 생각하면

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

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

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

slide에서

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

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

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

이해되셨을까요?

작성한 질문수