% 단위

상대적인 측정 단위인 %는 자식 요소의 크기를 부모 요소의 크기에 상대적으로 설정합니다. 예를 들어, 직사각형의 너비가 50%라는 것은 부모 요소보다 두 배 작다는 것을 의미합니다.

예제

자식 요소 직사각형의 너비를 20%, 높이를 40%로 설정해 봅시다:

html<div>
  <p></p>
</div>

cssdiv {
  border: 1px solid black;
  width: 200px;
  height: 100px;
}
p {
  border: 1px solid red;
  width: 20%;
  height: 40%;
}

Результат:

참고 항목