Дополнительное пространство при прокрутке с использованием фиксированной высоты

Question

У меня есть обертка с элементами внутри, которые, очевидно, я хочу прокручивать, когда есть больше элементов, чем может удерживать ящик. Однако, когда я прокручиваюсь ниже последнего слова, у него большое количество лишнего пространства. Я считаю, что это может быть вызвано фиксированной высотой. Я пробовал использовать максимальную и минимальную высоту, но, похоже, не исправил ее. Preview

Answer 1

JSFiddle удушал ваш код, потому что вы дважды заканчивали свои значки. Я снял двойной </i> и код разрешенное штраф на JSFiddle: https://jsfiddle.net/uwtcje0L/

С учетом сказанного, причина вашего вопроса было довольно легко определить, у вас есть 400px обивка на дне 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/