同级存在浮动，如mid的前面left浮动，margin则相对于父元素，mid的margin-left不是相对于left,而是相对于con（可以想象，如果left不浮动，则mid和left不在同一行，margin的参考对象自然是父元素）。但是如果margin-left的值小于left的宽度，是不起作用的(浏览器查看元素是起作用的，ul会掉到最下面)，mid和left会紧靠在一起。
float会使行内元素转为行内块元素，width会起作用。margin-left和margin-right相当于给元素定宽。
原文：http://www.cnblogs.com/jaycewu/p/4694865.html