IE7的分辨率与清晰的框：右和浮动：左 - 浮动顶部

Question

最近我一直在我的桌子上抨击我的头来解决这个问题。没有解决。我知道这可以通过编辑带有一些清除元素的内容来解决。可悲的是，有一些javascript排序蜜蜂使用和由CMS组件生成的Sourcode，所以这将是我的最后一枪。

我有几个箱子在连续浮动2。这些盒子有不同的高度，但宽度相同，都放在一个静态宽度的容器中。该链接显示我需要重现该问题的来源。我的箱子正在向左飘。我试图用明确的方式解决这个问题：留在奇数和明显的位置上：在偶数的元素上。但是，这只适用于ff/ie8/chrome浏览器，而不是ie7。

例子：http://www.i3rutus.de/ie7divfloatexample/

任何人都知道可能只需要编辑的CSS而不是实际的XHTML来解决这个问题？问题出现在IE7中。 IE8，Chrome和FF工作正常。

任何想法？

在此先感谢

Answer 1

这是交易。你只需要浮动每一对盒子中的一个。下面是修改后的CSS规则：

.even { 
    float: left; 
    clear: left; 
    margin-top: 0 
    } 

    .odd {    
    } 

Demo

（顺便说一句，你的奇数和偶数的使用让我追我的尾一阵子;））

Answer 2

如果能够以包括头一个js那么也许尝试使用http://code.google.com/p/ie7-js/？

我玩过它，但给予浮动：右键拧紧它，它可能比浮点值试验更复杂一点。

- 更新 -

我似乎能够得到它在IE7的工作：

删除浮动：左上.clear， 增加浮动：左;边距：0像素到。即使

Answer 3

只是删除

.even { 
    clear: left; 
} 
.odd { 
    clear: right; 
} 

和它的作品为intented。