使用固定高度滾動時額外的空間

Question

我有一個包含裏面的元素的包裝，顯然我想滾動時，有更多的元素比框可以容納。但是，當我滾動下面的最後一個詞它有大量的多餘空間。我相信這可能是由固定高度造成的。我曾嘗試使用最大和最小高度，但似乎並沒有解決它Preview

Answer 1

JSFiddle因爲你是雙重終止你的圖標窒息你的代碼。我取消了的jsfiddle解決罰款的雙重</i>和代碼：https://jsfiddle.net/uwtcje0L/

雖這麼說，你的問題的原因是很容易識別，你有填充400像素對div.communitieswrapper底部。更換你提供了以下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/