float的作用是取消了块元素只能垂直向下排列的特点（见图一），赋予块元素向水平方向排列的特性（见图二）。而“left”则是让元素块从左往右排列，方便接下来为块元素定位时以浏览器的左边为准线。

图一

图二

同样的，以浏览器的右边为准线，也可以实现同样的效果。代码如下，跟之前的代码作比较就能理解清楚了：

.wrap{
    float:right;
    position:relative;/**/
    right:50%;
}
.wrap-center{
    background:#ccc;
    position:relative;
    right:-50%;   
}

这是一个画画图才好理解的问题。

1. float的作用是将width的大小随内容变化。这是我自己试出来的效果。如果不用float，container的width是一行宽，而用float，container的width就和里面有多少内容相关了。

2. 为什么要向左浮动，这个请看下图

   其中黑色的边框是container，红色的边框是ul。

   我们看到container移动到了距离左边边框50%的位置上，这个位置上，container的左边框在页面正中间，但是container的中心不在中轴线上。

   因此，需要将ul向左移动半个container的距离，才能够使得内容真正居中。

3. 有点细节，如果还是不懂，请将container和ul都加上边框，尝试几次就能得到结果
   

其他人有回答-50%的问题，必须向左，因为右边无限宽。在外面没有其他盒子，相对于浏览器页面也说。