居中对齐问题

照着老师的敲了一遍，但是从第二行开始不是相对#main定位的。

按理说css样式里已经有position relative了。代码跟老师的一样效果却不一样。

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

在js里把#main的css样式再加入position relative才正常。

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

之前js的时候，那个。csstext是覆盖，但是jquery这个.css好像不是覆盖只是添加吧？