jQuery开头实现居中部分，为什么我一模一样的代码就是居中不了？

检查了两三遍，还是居中不了，jQuery库引用也没问题，真是醉了，哪位大神能看看问题出在哪吗？

$(window).on('load',function(){
	waterfall();
})

function waterfall(){
	var $boxs=$('#main>div');
	var w=$boxs.eq(0).outerWidth();
	var cols=Math.floor($(window).width()/w);
	$('#main').width(cols*w).css('margin', '0 auto');  

}