container的div的内容被被设置为display:inline，具有了行内标签的属性，如果不做left偏移的话，它实际处在的位置是第一行开头，根据relative的偏移的特点，即使它偏移到了中间，但它实际占有的位置还是第一行开头位置。而两个div都是position:relative，所以wrap的div就处在第一行container占有的开头空间位置之后。其实你把.wrap-center的样式background:#ccc去掉，就能明显看到，container的div是根据整个浏览器居中的，而wrap的div是根据浏览器除去第一行开头那一小块空间后的其他空间居中的。只是wrap的div的内容有些多，所以才覆盖了前面的。