0

我在为模式窗口中的内容设置高度属性时遇到问题。

我希望模态窗口中的内容为 100%，但问题是它仅高达 30% 左右。为什么会发生这种情况，如何让模态窗口中的内容能够填充模态窗口，而不是填充大约 30%，从而启用滚动条？

下面是模态窗口的宽度，很好：

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

下面是 iframe 的高度和宽度：

$.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>

您可以通过访问此链接然后单击加号按钮来查看模式窗口。

谢谢

4

2 回答 2

1

添加此样式：

#simplemodal-data {height: 100%}
于 2012-05-24T17:19:23.117 回答
0

如果文档主体本身没有填充窗口，则可能会发生这种情况 - 文档高度小于窗口高度。通常，解决方案是这样的：

body {
  padding-bottom: 1500px;
}

或者，一旦您将代码带到真实环境中，文档总是比窗口高，这可能不是问题。

于 2012-05-24T17:22:45.223 回答