IE7 没有正确显示包含文本的 div答案

【问题标题】：IE7 not displaying div containing text correctlyIE7 没有正确显示包含文本的 div
【发布时间】：2012-07-11 23:47:12
【问题描述】：

我很难让 IE7 像普通浏览器一样工作。

我在这里有一个 HTML 示例：http://jsfiddle.net/6QSYM/4/，在大多数浏览器中看起来都不错，但在 IE7 中查看时，您可以看到“Sector Used”文本与其下方的行合并。

有人可以建议我如何纠正这个问题吗？

【问题讨论】：

【解决方案1】：

我一直遇到这个问题！在我工作的公司，我们仍然必须支持 IE7（它会死掉吗！）。所以我找到的最好的解决方案是为你的非浮动 div 设置宽度。这很麻烦，但这就是为什么 IE 知道如何计算布局。

【讨论】：

【解决方案2】：

尝试添加：

clear:both;

到你的.risk-statistic-container 班级。

【讨论】：

【解决方案3】：

试试这个：

HTML 元素的语义也无处不在。对我来说，跨度和 div 太多了 :)

希望对您有所帮助。

【讨论】：

我对这个答案的问题是 1）在语义上，顶部不是列表，所以我不喜欢使用 <ul> 结构，以及 2）“部门正在used" 文本是左对齐的。我需要它向右对齐。感谢您的建议
我猜你是不是很严格。它们是逻辑上相关的分组，因此您可以灵活使用。在宏伟的计划中，这没什么大不了的。您最好也删除
元素，呃...