IE 中用于 HTML + CSS 的时髦渲染答案

【问题标题】：Funky rendering in IE for HTML + CSSIE 中用于 HTML + CSS 的时髦渲染
【发布时间】：2009-08-25 20:55:25
【问题描述】：

http://churchcentral.com/rfi.php?site_id=4&division_id=2144 是页面，只有 IE 才是问题所在。如果您注意到，“步骤 2”末尾的文本，“下一页”文本是重复的。如果您突出显示其中任何一个文本部分，IE 将同时突出显示它们。

这是 IE 中的错误吗？我们已经看到这种情况发生在同一页面上，但在不同的时间使用不同的文本，这给某些人带来了问题。

任何帮助都会很棒。

【问题讨论】：

【解决方案1】：

该段落应用float: left 是否有具体原因？如果我删除它，它会正确显示。

此外，您在步骤 1 中复制的样式与上面的 <h2> 完全相同。您也可以在步骤 2 中简单地使用 <h2> 而不是 <p>，对吧？我的意思是，你的大纲现在很奇怪。

预计到达时间：该页面上的几乎所有内容都是浮动的，这让我想到了一个很大的问号：

在我看来，这是一个非常简单的（布局方式）自上而下的页面。我认为你可以在那个 CSS 中简化很多东西。

您可以轻松地在 IE 的开发人员工具中禁用或更改某些 CSS 规则。

【讨论】：

【解决方案2】：

如果您删除该段落的 clear 和 float 属性，您将在 Firefox 中看到它上方的浮动文本字段可能是它的原因。因为所有这些浮点数可能 IE 在某个时刻都无法处理它，所以 IE 从来都不是处理浮点数的最佳人选。我也看不出花车是干什么用的，所以你真的需要它吗？

【讨论】：