E4 유형 레이아웃에서 calc 질문있습니다.
175
작성한 질문수 12
.slide {width: calc(100% - 600px);
라고 되어 있는데 %를 사용하려면 html, body{height:100%;} 코드를 작성해야 되지 않나요?
왜 슬라이드에서 % 사용이 가능한지 궁금합니다.
추가적으로 width: 100vw - 600px 는 사용이 불가 한지 알고싶습니다. 강사님께서 픽셀이야기를 하시긴 했는데 이해가 안되어서... 비율과 정확한 단위 이야기 인건지... 질문남깁니다.
답변 1
0
안녕하세요~~~
body를 기준으로 100% 사용할때 width는 상관없어요 높이만 상관있어요
간단하게 생각하면
body의 기본 width 는 100% height는 0 으로 되있다고 생각하면 됩니다.
그래서 body의 높이를 기준으로 자식 높이를 %로 줄때는
html, body{height:100%;} 이게 필요해요
slide에서
width: 100vw - 600px를 사용하는건 가능할수도 있고 안될수도 있어요
vw 단위는 화면전체 사이즈를 기준으로 하는 %랑 같기 때문에
예를들어 slide의 폭이 1320일때는 100vw - 600px은 안되는거지요~
이해되셨을까요?
수업자료와 노션 공유 문제
0
16
3
'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.
0
54
2
경력기술서는 어떤 방향이 좋을까요?
0
52
2
왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?
0
74
3
어플리케이션 실행 후 에러에 관하여 질문 드립니다.
2
60
2
26,27강 진행 간 노션, html 프롬프트 파일 불일치
0
67
3
<div id="banner">배너 이미지</div> 관련 질문
0
34
1
변수 설정 시에 질문입니다.
0
40
2
설치 및 설정 가이드 노션 자료는 없나요 ?
0
44
2
강의에 나와있는 2025년 공개문제와 2026년 공개문제가 다릅니다
0
87
1
공지사항과 갤러리html파트 강의자료가 없음.
0
108
2
공지사항과 갤러리 html 폴더 및 파일 문의
0
178
1
제이쿼리 파일을 어디서다운받나요??
0
271
1
웹디자인기능사 실기 감점 요인 질문!
0
1230
1
position 질문
0
220
1
건의사항
0
310
3
D2유형 슬라이드 질문있습니다.
0
263
2
에러가 나는데... 어디가 잘못된건지 모르겠습니다.ㅠㅠ
0
320
2
F1실무코드
0
178
1
F-1 메뉴 제이쿼리로 제작하는 강의
0
219
2
css로 메뉴 만드는 부분
0
202
1
A-3 유형 코드
0
231
2
동일답안 (C2, C3유형) 수정부탁드립니다.
0
222
2
궁금한 부분들 질문 드립니다.
0
319
4