css中线作为基准线方法～

很多时候左上角作为原点基准点是很好的，但有时我们根须要居中基准的方式。 在盒处于默认的position:static情况下，使用margin:0 auto;上下边距为0，左右边距自动计算，可以使合处于非常好的居中状态。并且跨浏览器。例如：

.red{ margin:0 auto; }

但这限于一个盒子，如果有两个或者三个呢～这里使用的方法是，将下面的盒子设置负margin-top,值和上面的盒子高度相同，这里取-200px使之重叠。

.red{ margin:0 auto; }

.orange{ margin:-200px auto 0 auto; }

然后使用相对布局position:relative;的left、right来偏移，此时偏移是基于中线的，也就是中线作为了基准线～即利用相对布局的特点来达到中线作为基准线～

.red{ margin:0 auto;}

.orange{ position:relative; left:200px; margin:-200px auto 0 auto; }

.yellow{ position:relative; right:200px; margin:-200px auto 0 auto; }

.green{ position:relative; left:100px; margin:0 auto 0 auto; }

.blue{ position:relative; right:100px; margin:-200px auto 0 auto; }