当它超过css中给出的指定高度时，如何使div增长而不是滚动

Question

我已经检查了CodersSC提出的其他类似问题但没有帮助。如果你们中的任何一个人可以看一下这个会很有帮助。

我使用object tag在我的页面中加载一个php页面。问题是，当div（包含其他页面的内容）增长超过100％时，它是可滚动的，而不是增长超过给定的高度。 以下是我的html部分。

content.html

<div class='content'>
    <p>...</p>
    <hr class="gh" style="margin-left:0px; margin-top:3px;">
    <object class="comm" data="comments.php?id=1"></object>
</div>

contentcss.css

.content {
    background-color: #333;
    margin: 2% auto;
    padding: 22px 40px ;
    width: 1200px;
    height: auto;
}
.comm {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

我还在我的css中的comm类中尝试了以下内容：

.comm {
    position: relative;
    width: 100%;
    min-height: 100%;
    height: auto;
    overflow: hidden;
}

^由于某种原因，这会使div变小。