为什么砌体不能完全填满容器的宽度？

Question

我正在努力制作超级菜单。 sub1菜单必须具有基于其内容的宽度（内容是其他ul）但不超过max-width（因此我使用js计算该宽度）。我想要通过砌体订购子菜单项。所以问题是砖石没有完全填满容器。

var maxWidth = $('.parent').outerWidth() -  $('.main').outerWidth();
var ulWidth = 0;
$('.sub1 > li').each( function( index, element ){
        ulWidth = ulWidth + $(this).outerWidth();
});
var ulWidth = Math.round(+ulWidth) + 1;
var width1;
if(ulWidth < +maxWidth) {
  width1 = ulWidth + 'px';
}
else {
  width1 = maxWidth + 'px';
}

$('.sub1').masonry({
  itemSelector: '.maso',
  containerStyle: { 
    position: 'absolute',
    width: width1
    }
});

我的megamenu的“原型”=）

https://jsfiddle.net/2hjwdkum/1/