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都可以让列表条目达到横向排列的效果，不行可以去掉其中一个看看，想想可能和外边框合并相关，不过这个不重要了。

你给div加个背景色就知道了，本身div没有定义宽度，宽度是独占一行，加了float宽度就由内部的文字宽度决定了，因为这一节就是讲的不定宽元素居中的。

<img>就可以通过设置float:left属性，显示为左对齐的格式