[사전스터디] height, width

hyuckhoon.ko·2020년 4월 15일
0

What I learned in wecode

목록 보기
6/109
post-thumbnail


html, body의 height와 width를 100%로 지정했을때!
element들이 차지하는 공간에 대해 알아보았다.

========================================================

우선, html 코드 구조는
container 內 box1, box2, box3 이다.

container의 경우, 전체화면 대비 height는 50%, width는 80%만 차지하고,

각각의 box들의 경우, 전체화면 대비 height는 20%, width는 10%만 차지하고 있다.

box의 height를 70%로 설정하면 container의 영역을 넘게 된다.

따라서, 각 element가 전체화면 중 높이 및 폭을 몇 %를 차지할지를 염두에 둬야 한다.

                                      - One step at a time - 

0개의 댓글