내 DIV 높이가 백분율로 작동하지 않는 이유는 무엇입니까?

DIV 높이에 대해 백분율이 작동하지 않습니까? 상위 요소를 확인하세요!

제공된 코드 조각에서 DIV 요소의 높이는 100%로 설정되어 있지만 표시되지 않은 상태로 유지됩니다. 그 이유는 상위 요소인 body와 html의 높이가 100%가 아니기 때문입니다.

높이에 대한 백분율을 사용할 경우 모든 상위 요소의 높이도 100%로 설정되도록 하는 것이 중요합니다. 이를 통해 DIV는 컨테이너의 전체 높이를 상속받을 수 있습니다.

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
}

상위 요소의 높이를 100%로 설정하면 DIV 요소가 컨테이너의 높이를 채울 수 있도록 적절하게 확장됩니다.

위 내용은 내 DIV 높이가 백분율로 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!