Question

在模式窗口中设置内容的高度属性时出现问题。

我希望模式窗口中的内容达到100%,但问题在于它只是高达大约30%。为什么这种情况会发生,我怎样才能得到模式窗口中的内容才能填满模式窗口,而不能填满大约30%,从而使滚动条成为可能?

下面是模式窗口的宽度,很好:

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

下面是一框架的高度和宽度 :

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

下面是进入模式窗口的内容(我确实将这个高度设定为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>

您可以通过访问 < a href=> 访问此 link 来查看模式窗口, 然后点击附加按钮。

谢谢

Answer 1

添加此样式 :

#simplemodal-data {height: 100%}

Answer 2

如果文档正文本身没有填充窗口 - 文档高度低于窗口高度, 则可能发生这种情况。通常情况下, 解决方案是这样的 :

body {
  padding-bottom: 1500px;
}

或者,如果你把你的代码带进一个真实的环境, 在那里,文档总是比窗口高, 这可能不会是一个问题。

友情链接