div.left被定义为float: left，div.content便会无视它转而以别的元素来计算定位它的margin了

第一个框float了，它就脱离了原来的文档流(flow)，可以看出，剩下的3部分(head,footer,content)还是从上到下flow的
。float的框会重叠，看上去是浮动的效果。