이 예제에서 height 속성을 정렬하는 방법은 무엇입니까?

Question

모달 창에서 콘텐츠의 높이 특성을 설정하는 데 문제가 있습니다.

모달 창에서 내용을 100 %로 원하지만 문제는 약 30 % 정도만 높다는 것입니다. 왜 이런 일이 일어나고 모달 윈도우의 내용을 모달 창에 채우고 30 % 정도 채우지 않아 스크롤 막대를 사용할 수 있습니까? 내용이 모달로가는 마지막으로 아래

$.modal('<iframe src="' + src + '" style="border:0;width:100%;height:100%;">'); 

그리고 : 아래

#simplemodal-container {height:75%; width:50%;} 

은 iframe 대응의 높이와 폭 : 아래

괜찮 모달 윈도우의 폭 창 (이 높이를 100 %로 설정했으나 작동하지 않아 현재 높이 속성이 없습니다.

<div id="previouslink"> 
<button type="button" id="close" onclick="return parent.closewindow();">Close</button> 
<h1>PREVIOUS QUESTIONS</h1> 

<p>Search for a previous question by entering in a phrase in the search box below and submitting the phrase</p> 

<form action="previousquestions.php" method="post" id="modalform"> 
     <p>Search: <input type="text" name="questioncontent" value="<?php echo $questioncontent; ?>" /></p> 
     <p><input id="searchquestion" name="searchQuestion" type="submit" value="Search" /></p> 
     </form> 

</div> 

이 link에 액세스 한 다음 더하기 버튼을 클릭하여 모달 창을 볼 수 있습니다.

는

Answer 1

이 스타일을 추가 감사합니다 문서 본문 자체가 창을 작성하지 않은 경우

#simplemodal-data {height: 100%} 

Answer 2

이 일어날 수 - 문서의 높이가 창 높이보다 작습니다. 일반적으로,이 솔루션은 다음과 같이이다 :

body { 
    padding-bottom: 1500px; 
} 

또는 문서가 항상 윈도우보다 키가 크다 실제 환경으로 코드를 가지고 일단은 문제가되지 않을 수 있습니다.