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。