Javascript div变换后div容器高度过高

我有一个网站，在一个容器中有“页面”。页数可以是1-10页，但正因为如此，我不能有一个具体的高度

---

我有一个适合屏幕大小的容器，也就是div。这非常有效，但是，当我缩小窗口使其小于原始div的高度时，容器的高度保持不变，并留下大量空白

有人知道我怎么解决这个问题吗

|

HTML

<div id="container">
    <div id="zoom">
        <div id="formform">
            <div class="formContainer"></div>
            <div class="formContainer"></div>
            <div class="formContainer"></div>
        </div>
    </div>
</div>

JS

#container {
    display:block;
    padding:15px;
    width:100%;
    margin-top:10px;
    border:1px dashed grey;
}
#formform::after {
    display: block;
    content:'';
    padding-bottom:5px;
}
#formform {
    display:block;
    position:relative;
    width:940px;
    left:50%;
    margin-left:-470px;
    border:0px solid red;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
    -ms-transform-origin: top center;
}
.formContainer {
    position:relative;
    margin : 0 auto 15px auto;
    width:940px;
    padding:0;
    height:1178px;
    border:1px solid blue;
}

zoomProject(0);

$(window).resize(function (e) {
    zoomProject(0);
});

function zoomProject(percent) {
    $maxWidth = $("#zoom").width();

    if (percent == 0) percent = $maxWidth / 920;

      $("#formform").css({
        'transform': 'scale(' + percent + ')',
        '-moz-transform': 'scale(' + percent + ')',
        '-webkit-transform': 'scale(' + percent + ')'
      });
}

---

空白似乎是因为您仅缩放x轴，因此也应缩放y轴以保持纵横比

  $("#formform").css({
    'transform': 'scale(' + percent + ', '+percent+)',
        '-moz-transform': 'scale(' + percent + ', '+percent+)',
        '-webkit-transform': 'scale(' + percent + ', '+percent+)'
});

更新：CSS

---

你试过溢出：隐藏；在外部容器的CSS规则中加载不同的div

overflow:hidden; 

将根据孩子的身高调整身高

检查这把小提琴：

您将看到外部div（紫色边框）适用于您在其中加载的任何div

---

希望这能解决您的问题。

“但是，当我缩小窗口使其小于原始div的高度时”这里的原始div是多少？@TJ当我的div得到的

转换
小于原始div时。在我的例子中，缩小窗口，你就会看到我在说什么。谢谢你的帮助@4thiceman，但不幸的是，这不起作用。@bryan-你的目标是让所有的s在屏幕重新调整大小时，按比例重新调整大小吗？还是让内部s保持相同的大小，而“container”div在其周围重新调整大小？无论采用哪种方式，您都必须重置容器的高度，以调整大小。我只是不想在那里向下滚动到空白。理论上，你的代码就是我想要的。谢谢你，先生。我希望有一个css的替代解决方案，但这将做@The4thIceman@bryan-我还对css做了一些更改，使其看起来像那样。我将发布我使用的css。
overflow:hidden;