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;
}

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

1 个答案: