选择类别后调整大小

Question

该代码基本上会隐藏与我从选择菜单中选择的类别不匹配的文章。 但这会发生..基本上，如果我只有3张具有匹配类别的图像，我将在页面底部留下一个巨大的“空白”空间。

$(".filter").change(function() {
    var filterValue = $(this).val();
    var row = $('.portfolio-item'); 

    row.hide()
    row.each(function(i, el) {
     if($(el).data('type').split(' ').indexOf(filterValue) !== -1) {
         $(el).show();


     }
})

    // In Addition to Wlin's Answer (For "All" value)
  if ("all" == filterValue) {
    row.show();

  }


});

我是否可以自动调整节或div的高度？ 我已经尝试过overflow:hidden, resize:both和其他一些CSS东西，但是它不起作用...