效果请看：http://daviesliu.net/test.htm

本来 left 和 right 两个 div 是应该左右分开的，大小分别为 35% 和 60%，在 IE6SP2 中为预期结果，而在 Firefox 中显示为上下放置，且大小为 100%，其先后顺序由 body 中两 div 的顺序决定。

解决方法：

1. 去掉上层的 mainbg 的 float属性，这样中央区域的背景色没了
2. 给 mainbg 加一个宽度，width=100%，在 Firefox 中显示正常
3. 给 left 和 right 一个固定宽度，如 width=100px

所有情况下，IE6 中显示结果均与预期相符，而 Firefox 中却表现诡异，怎么会有这种现象？

在我的一个实际页面中，情况更复杂，在 Firefox 中左右排列的正常与否还与 div 的先后顺序有关，左边的在前面，能够左右分开；否则上下排列。这个结果没法在这个简单页面中再现。

网友留言：

我来留言