CSS 'clear:both;" 在 IE7 浏览器中无法正常工作。在 IE8/IE9、Firefox、Chrome 等中没有问题答案

【问题标题】：CSS 'clear:both;" not working as expected for IE7 browsers. No problems in IE8/IE9, Firefox, Chrome, etcCSS 'clear:both;" 在 IE7 浏览器中无法正常工作。在 IE8/IE9、Firefox、Chrome 等中没有问题
【发布时间】：2012-04-21 17:50:31
【问题描述】：

我收到了来自我的一个网站的访问者的多起投诉。就这些问题与我们联系的个人使用的是在 Windows XP 上运行的 IE7。我可以通过运行 IE7 本身，或者通过在兼容模式下以 IE8/IE9 显示站点并选择 IE7 文档模式来复制该问题。

This page contains a registration form 带有 float:left 的 fieldwraps，偶尔会分配一个“clear:both”来开始新的字段行。同样，可以在任何现代的、符合标准的浏览器中查看所需的输出，甚至可以在 IE8/IE9 中查看。

如果您需要对问题进行任何澄清，我很乐意提供，非常感谢您提供的任何帮助！

【问题讨论】：

标签： html css internet-explorer-7 typo3

【解决方案1】：

您正在以一种糟糕的方式混合浮动和清除。有带有标签和字段的 DIV，您只需要浮动这些 div，但您也在浮动 DIV 内的字段和标签而不清除它们。这是 IE7 中的问题。

【讨论】：

【解决方案2】：

清除：两者都需要位于要清除的两个元素之后的单独 div 上。如果您无法使用 :after 伪元素将要清除的字段包装在明确的修复中。

看到这个帖子：What methods of ‘clearfix’ can I use?

有时在 IE7 中，如果你不强制使用 haslayout，它可能会弄乱你的浮动。最简单的方法是添加 zoom:1;到您的 ie7 样式表。

【讨论】：