关键的几个Q： 1、只设置了一个float：left   ->【定宽】的div绿块上移，mainbody高度变短 2、两个都float：left -> 绿块紧贴着黑块，两列排着；紫色的块【没限定宽度】，所以随文字走。 如果写“版权部分”，刚好一行一个字环绕，所以是右边一小列； 如果写“copyright”，右侧空间不够，一直到绿块下一行才可以，所以是mainbody那么大； 如果写“c o p y right”，介于以上两者之间 3、clear: both可以消除对footer的影响，为什么对mainbody不起作用？ 4、overflow：hidden 为什么可以把两个一并都消除了？