模态高度不适合内容

Question

我有一个模态（使用twitter bootstrap）在其他页面上工作正常，但是这个特定的页面，模态高度是拉长的，因此体内的内容显示在模态的底部，结果很大开头和结尾之间的空格。

这是模态css

position: relative;
z-index: 1050;
margin-left: auto;
margin-right: auto;
width: 560px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;

在视图上，显示高度为560px：

<div id="form" class="modal hide fade in" aria-hidden="false" style="display: block;">
<div id="form">
test
</div>
</div>