Firefox的一个浮动Bug?

Is this a bug of Firefox's?

  目前正在做一个重构的项目,因为要实现一个两栏布局,而且要求不要由左右两个Container Div布局,只能直接浮动每一块小的div来布局。

  通过float和clear的配合使用,在除了Firefox以外的其他所有Windows平台浏览器上都通过了。下面是例子(代码中出现的顺序是A、B、C)。

A

float:left;
B

float:left;
clear:left;
C

float:left

  如果你使用的是Firefox,你就可以发现C出现在B的右侧而不是像在其他浏览器中一样出现在A的右侧。如果你有解决方法,请赐教。

2月18日的新进展

  今天试了用绝对定位+负值外补丁来解决这个问题,这是例子

  可以看到中间的布局基本上没问题,可是如果要加一个footer的话就麻烦了,绝对定位使div#ccc从文档流中分离出来,导致它后面的元素得不到正确的y坐标。头痛,再尝试其他的方法看看……

雅虎收藏