css中浮动在firefox中的问题：在窗口最顶部会出现个边距，是怎么回事？代码如下：

html-css023

css中浮动在firefox中的问题：在窗口最顶部会出现个边距，是怎么回事？代码如下：,第1张

问题出在你清除浮动的那里，要给清除浮动那个div设置高度0 和overflow:hidden 最后还要给body加上样式样 margin:0

如下:

<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的距离