html - 使用固定高度滚动时的额外空间

Question

我有一个包装器，里面有元素，显然我想在元素多于盒子容纳的元素时滚动。但是，当我滚动到最后一个词下方时，它有大量多余的空间。我相信这可能是由固定高度引起的。我尝试过使用最大和最小高度，但似乎无法解决问题 Preview

Answer 1

JSFiddle 对你的代码感到窒息，因为你双重终止了你的图标。我删除了双 </i>并且代码在 JSFiddle 上解析得很好:https://jsfiddle.net/uwtcje0L/

话虽如此，您的问题的原因很容易确定，您在 div.communitieswrapper 的底部有 400 像素的填充.用以下内容替换您提供的 CSS 类:

.communitieswrapper{
  border: 2px solid #eeeeee;
  border-radius: 7px;
  padding-top:10px;
  z-index: 1;
  position: relative;
  height: 450px;
  overflow-y: scroll;
  overflow-x: hidden;
}

摆弄示例:https://jsfiddle.net/uwtcje0L/1/