jquery - 设置 CSS 高度和垂直滚动时额外不需要的空间

Question

我有一个可以接收评论的 post 项(附加到帖子底部)。

我正在为我的帖子制作模态，目前为止使用下面的 HTML/CSS。我希望能够继续添加评论，直到整个帖子(带有评论)达到一定高度，此时滚动条才会出现。

HTML:

<div class="post-modal hidden"> 
  <span class="remove-modal glyphicon glyphicon-remove btn-sm"></span>
  <div class="post"> </div> <!-- Post is this div-->
</div>

CSS:

.post-modal {
    position: fixed;
    width: 655px;
    height: 600px;
    right: 0;
    top: 75px;
    left: 289px;
    overflow-y: scroll;
}

我现在的问题是，对于容器 .post-modal div 的设置高度，如果我的帖子+评论高度小于我设置的高度，那么底部有额外的空间。但是，如果我一直添加注释直到达到/超过高度，滚动情况确实有效，因为我已经为父容器设置了滚动和高度。

如果没有额外的空间，您将如何完成这项工作？感谢任何建议!

Answer 1

您可以设置 min-height 和 max-height 来去除多余的空间。

.post-modal {
    position: fixed;
    width: 655px;
    min-height: 100px;
    max-height: 600px;
    right: 0;
    top: 75px;
    left: 289px;
    overflow-y: scroll;
}