IE7/IE8兼容性查看：頁面上的元素在任何css更改時轉移到正確的位置

Question

我在IE中遇到了一個非常奇怪的問題，我似乎無法跟蹤。我有兩個盒子，兩個盒子都向左浮動，在右邊框上留有餘量，以在兩者之間留出一定的間距。在Firefox中（當然），它全部顯示正確，但在IE第一次加載頁面時，這些框沒有分隔（無邊距）。

這是瘋狂的部分。如果任何CSS在頁面上完全改變，那麼該框會奇蹟般地跳到正確的位置。當我說任何，我的意思是任何。我在body標籤的font-family列表中修改了最終的字體名稱3，並且該框被移動到正確的位置（這不是一個甚至會修改頁面上任何東西的外觀的改變）。

我可以在頁面上發佈我的HTML和CSS，但它相當常規。我只是想知道過去有沒有人遇到過或聽說過這個問題？順便說一句，IE8似乎使它很好。

謝謝。

後續行動： 因此，我至少能夠通過將框右側浮動到右側並刪除其左側屬性來修補問題。因爲我的容器div足夠寬以容納兩個盒子，所以這適用於我的情況，但如果這兩個盒子沒有如此緊密地容納在它們的容器div中，那就不會那麼好。

Answer 1

老版本的IE瀏覽器對於如何處理浮動內容可能會很麻煩。嘗試在浮動元素上定義寬度。這將有助於使佈局更加明確（對於IE來說更難以理解），並且如果你還沒有觸發hasLayout（一個奇怪的內部IE屬性會導致很多佈局錯誤）。