정적/상대 div는 높이를 %로 허용합니까

Question

정적/상대적으로 배치해야하는 div가 있습니다. 높이와 너비가 %로 정의되어 있으면 브라우저 (FF)는 높이 집합을 무시하고 매우 작은 div를 렌더링합니다. 그러나 높이를 px (대략 같은 계산 값)로 설정하면 부드럽게 작동합니다.

%로 정의 된 너비가 완벽하게 작동합니다.

해상도/스케일링 문제로 인해 높이를 %로 정의해야합니다.

Answer 1

div의 모든 조상 중에서 height을 지정해야합니다.

Answer 2

JavaScript로 요소의 픽셀 높이를 조작하여 퍼센트를 에뮬레이트 할 수 있습니다. http://reference.sitepoint.com/css/height 가입일

Answer 3

는 :

백분율 값은 원소의 함유 블록의 높이 참조. 포함 블록 의 높이가 명시 적으로 지정되어 있지 않으면 (콘텐츠 높이에 따라 이 달라짐) 이 요소는 절대적으로 이 아니며 백분율 값은 이며 자동으로 처리됩니다. 백분율 값은 테이블 셀에 대해 자동으로 처리되는 이고 테이블 행은 , 행 그룹입니다.

희망이 있습니다.

Answer 4

또한 백분율 값을 사용하는 경우 different browser behaviors에 유의하십시오. (예 : 4x25 %가 100 %와 같다고해서 div가 100 %를 차지하는 것은 아닙니다.)