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样式表。