% 단위
상대적인 측정 단위인 %는
자식 요소의 크기를 부모 요소의 크기에
상대적으로 설정합니다. 예를 들어,
직사각형의 너비가 50%라는 것은
부모 요소보다 두 배 작다는 것을 의미합니다.
예제
자식 요소 직사각형의 너비를 20%,
높이를 40%로 설정해 봅시다:
<div>
<p></p>
</div>
div {
border: 1px solid black;
width: 200px;
height: 100px;
}
p {
border: 1px solid red;
width: 20%;
height: 40%;
}
:
