CSS'clear：both;“不適用於IE7瀏覽器。IE8/ IE9，Firefox，Chrome等都沒有問題

Question

我收到了我網站之一訪問者的幾項投訴。 就這些問題與我們聯系的個人正在使用Windows XP上運行的IE7。 我可以通過運行IE7本身或通過以兼容模式在IE8 / IE9中顯示站點並選擇IE7文檔模式來復制該問題。

該頁面包含一個帶有float：left的換行符的注冊表格 ，有時會分配一個“ clear：both”以開始新的一行行。 同樣，可以在任何符合標准的現代瀏覽器中甚至在IE8 / IE9中查看所需的輸出。

如果您需要任何問題的說明，我們很樂意提供，非常感謝您可以提供的任何幫助！

Answer 1

您正在以錯誤的方式混合浮動和清除。 有帶有標簽和字段的DIV，您只需要浮動這些div，但是您也可以在DIV中浮動字段和標簽而不清除它們。 這是IE7中的問題。

Answer 2

清除：兩個都需要放在要清除的兩個元素之后的單獨的div上。 否則，您可以使用：after偽元素將要清除的字段包裝在一個明確的修訂中。

看到這個線程： 我可以使用'clearfix'的哪些方法？

有時也使用IE7，如果不強制使用haslayout，它可能會與您的浮動對象混在一起。 最簡單的方法是添加zoom：1; 到您的ie7樣式表。