%, rem, em, px 차이

<상대값>

% : width에 거의 사용

폰트 사이즈에 비례해야 되는 값은 rem, em을 사용해야 한다

rem은 html(root) 폰트 사이즈를 기준으로 계산

em은 부모 태그의 폰트 사이즈를 기준으로 계산

rem, em : 폰트 사이즈, 나머지 padding같은 것들에 사용

일반적으로 폰트 사이즈는 rem, 나머지 padding같은 것들은 em 하는것이 나음

<절대값>

고정되어야 하는 값은 px을 사용해야 한다

꿀팁 =>    width : auto; /* 요소의 부모 크기 기준으로 가득 찬다 */

   height : auto; /* 요소의 자식 기준으로 자동 조절된다 */