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

Question

我有一个包含内部元素的包装器，显然我想滚动时有多个元素可以容纳。但是，当我滚动到最后一个单词下方时，它会有大量的多余空间。我相信这可能是由固定高度引起的。我尝试过使用最大和最小高度，但似乎没有修复它Preview

Answer 1

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

话虽如此，您的问题的原因很容易识别，您在div.communitieswrapper的底部有400px的填充。将您提供的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/