ie6里的神奇bug，求解答？求高手？

[格桑]

情况如下（如果我表述的不太清楚，还请仔细查看代码）：
我给一个class为title设置了margin-bottom:6px;
div.title下面的是div.area-main和div.area.sub。

div.area-main和div.area.sub里的div都向下有10px的间距来撑出距离来，神奇的是在ie6里，那个10px会变成16px，为什么呢？
若给div.title加浮动可解决ie6下的bug，或者把div.title的向下6px间距去掉，换成下面div的距上面的距离也行，求解，

详细demo见http:www.bjrl.org/gesang/index.html



求解啊，求高手

[nowiing]

看了下你的代码，我发现你的向下的10px都是通过div.area-main和div.area.sub的子标签实现的，他们本身都没定义margin-bottom，我猜测可能是在ie6里他们继承他们的父元素title，margin-bottom:6px，然后相加得到了16px。

[格桑]

[Quote=引用 1 楼 nowiing 的回复:]

看了下你的代码，我发现你的向下的10px都是通过div.area-main和div.area.sub的子标签实现的，他们本身都没定义margin-bottom，我猜测可能是在ie6里他们继承他们的父元素title，margin-bottom:6px，然后相加得到了16px。
[/Quote]

都是同级的，哪有父元素啊？

[rayyu1989]

一般习惯性用 top 少用bottom

[rayyu1989]

顺带加上 clear:both;overflow:hidden 没有浮动的话

ie6下 没有overflow:hidden 会造成布局紊乱

[huaboy86]

楼主自找麻烦。用top就没有这个问题。bottom有时候很怪。