[#5] 가변 레이아웃

em을 이용해 상대적인 크기의 폰트를 적용할 때처럼, 레이아웃에도 비율에 기반한 개념을 적용할 수 있습니다.

부모 요소의 크기에 비례해 자식 요소의 크기가 변하는 방식은 가변 레이아웃을 만들 때 흔히 사용되는 방식입니다.

%

---

% 단위는 백분율 값을 나타냅니다. 보통 부모 요소와의 상대적 크기를 지정할 때 사용합니다. 너비와 높이, 여백 뿐 아니라 글자 크기에도 사용할 수 있습니다.