Firefox的一个浮动Bug?
Is this a bug of Firefox's?
目前正在做一个重构的项目,因为要实现一个两栏布局,而且要求不要由左右两个Container Div布局,只能直接浮动每一块小的div来布局。
通过float和clear的配合使用,在除了Firefox以外的其他所有Windows平台浏览器上都通过了。下面是例子(代码中出现的顺序是A、B、C)。
A
float:left;
float:left;
B
float:left;
clear:left;
float:left;
clear:left;
C
float:left
float:left
如果你使用的是Firefox,你就可以发现C出现在B的右侧而不是像在其他浏览器中一样出现在A的右侧。如果你有解决方法,请赐教。
2月18日的新进展
今天试了用绝对定位+负值外补丁来解决这个问题,这是例子。
可以看到中间的布局基本上没问题,可是如果要加一个footer的话就麻烦了,绝对定位使div#ccc从文档流中分离出来,导致它后面的元素得不到正确的y坐标。头痛,再尝试其他的方法看看……