높이가 100%인 전체 화면 iframe

쿼리:

iframe 높이=100%가 보편적으로 지원됩니까? 브라우저 전반에 걸쳐? XHTML1을 문서 유형으로 사용할 때 높이가 100%인 iframe이 나머지 페이지 높이를 차지합니까(상단의 50px 고정 높이 프레임 제외)? 또한 iframe의 높이를 자동으로 설정하는 동안 스크롤바를 완전히 숨길 수 있는 방법은 무엇입니까?

응답:

프레임셋을 사용할 수 있지만 제공된 예는 높이가 100%인 전체 화면 iframe:

다른 옵션:

이 접근 방식을 사용하여 스크롤 막대를 억제하려면:

대체 방법:

이 예제에서는 스크롤 막대를 숨기기 위해 상위 항목에 오버플로: 숨김이 할당됩니다. iframe을 원래 크기의 150%로 확대하면 스크롤 막대가 페이지 경계를 넘어갑니다. 결과적으로 본문에 스크롤 막대가 부족하여 iframe이 페이지 경계를 넘어 확장되지 않습니다. 이 전략은 전체 너비 표시를 허용하면서 iframe의 스크롤 막대를 효과적으로 숨깁니다.