IE8 清除浮动问题答案

【问题标题】：IE8 Clear float issueIE8 清除浮动问题
【发布时间】：2010-09-20 21:04:28
【问题描述】：

我的情况看起来就像这里讨论的问题：

即：

“我有一个页面，左侧是标准导航栏，内容区域占据了其侧面的其余水平区域。......

这很好用，除非内容区域本身有浮动元素并且我尝试使用 clear.我的目标是在内容区域浮动后立即显示 clear 元素，但它会被推到导航区域下方。”

但是那里给出的解决方案对我不起作用。我已经阅读过这个问题；以下页面似乎讨论了大多数解决方案：

但这些解决方案都没有对我有用。

仅在 IE8 中，我在表格上方有很大的差距，我测试的所有其他浏览器都很好。我真的很感激另一双眼睛。

页面位于：

谢谢。

【问题讨论】：

【解决方案1】：

您的网页现在以怪异模式提供，这意味着浏览器不按照规范呈现它。在顶部添加一个文档类型，例如<!DOCTYPE HTML>，这应该可以解决它。

【讨论】：

我删除了 DOCTYPE，因为它没有在 Chrome 中正确呈现。所以我把它放回去了，IE8 看起来不错，但 Chrome 不太好。我应该使用不同的 DOCTYPE 吗？
总是使用 DOCTYPE。不使用一个就像失明一样。只需调整 Chrome，因为 Chrome 通常更符合规范。
明白。 Safari 和 Chrome 似乎不尊重 CSS 的元素，而现在 IE8 和 FireFox 很好。任何方向表示赞赏。
我没有看到任何 DOCTYPE。我看到您粘贴的链接前面有空格。
谢谢 meder。我再次删除它，因为它在那里看起来比没有它更糟糕。有了它，Safari 和 Chrome 就不会使用 CSS 没有它我在 IE8 中有很大的空间。我的问题基本上是我如何让它在 IE8 中工作并且你的解决方案有效，添加一个 DOCTYPE。我现在必须弄清楚如何让它在 Chrome 和 Safari 中运行。