CSS 단위 - px, %

px 은 픽셀의 단위로 크기를 지정하는 걸 뜻한다. (해상도에 따른 상대단위, 고정값)

그러나 %는 가로 세로크기에 퍼센테이지만큼 크기를 지정한다.
부모 요소의 가로 세로 크기를 기준으로 퍼센테이지를 갖는다.

아래와 같이각 태그들에 테두리를 검정색으로 보여주고 있다.

container 가 제일 부모이며, 그 다음은 parent. child 순이다.
%가 부모 요소에 영향을 받는걸 확인할 수 있다.

 

패스트캠퍼스 올인원 패키지 글 정리.