container加上float：left是因为元素设置为浮动并且不设置width时，它的宽度是它的内容决定的（CSS权威指南上有），可以在.container代码中不设置float试试，做对比实验。再把container设为position:relative、left:50%，让其左边框移动到页面的中间，此时container中包含的ul列表也跟着移动到了页面的右半部分。

再设置ul的position为relative，并且left:-50%，此时ul会以container的左边框为基准线向左移动50%，到达整个页面的中间位置，其实此时的居中任务已经完成。

li里面的代码，我觉得display:inline和float:left都可以让列表条目达到横向排列的效果，不行可以去掉其中一个看看，想想可能和外边框合并相关，不过这个不重要了。

让子元素左对齐于父元素

结合wrap-center的背景颜色看,加上float:left后,<div class="wrap-center">会浮动到<div class="wrap">的左上角,背景颜色也会变得跟文本长度一样长

CSS中很多时候会用到浮动来布局，也就是经常见到的float:left或者float:right，简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。