如下:
<body>
<div class="main">
<div style="background-color:Yellow">
<div style="float:left">对比测试
</div>
<div style="height:0pxoverflow:hiddenclear:both"></div>
</div>
<div style="background-color:Yellowheight:30pxmargin-top:30px"></div>
</div>
float是浮动，翻译成中文也是浮动意思。进入对应css手册中float手册了解float基本信息。float的作用：通过css定义float（浮动）让div样式层块，向左或向右（靠）浮动。
float语法 ：
Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
Float浮动用于设置对象靠左与靠右浮动样式，可以实现我们所需要的让DIV、SPAN等标签居左居右浮动。
简单使用语法
div{float:left} /* css注释：设置div对象浮动靠左（left） */
div{float:right} /* css注释：设置div对象浮动靠右(right) */
margin是外边距，任何元素都可以单独用的，不用和float在一起的不过友情提示，
楼主你发这段代码有兼容性的问题，加了float的元素如果这个属性还有margin的话在ie6下会产生双倍的bug。。。不过必须方向是一样的，例如你这段有了flaot:left；如果在加margin-left:47px的话在ie6下会显示47*2=94px的距离
