css - IE7 float 错误。是否有维护 html 的修复程序？

Question

这是我的问题的演示。这在 Chrome 和 Firefox 中正常工作。但是，在 IE7 中，未清除的 float 元素最终会出现在容器的顶部并排放置。 http://jsfiddle.net/eGAHx/

HTML:

<span class="bold floatLeft clearLeft">ISBN-13:&nbsp;</span>
<h2 class="floatLeft" itemprop="isbn">9780538735452</h2>
<span class="bold floatLeft clearLeft">ISBN:&nbsp;</span>
<h2 class="floatLeft">0538735457</h2>
<span class="bold floatLeft clearLeft">Edition:&nbsp;</span>
<span class="floatLeft" itemprop="bookEdition">3</span>
<span class="bold floatLeft clearLeft">Pub Date:&nbsp;</span>
<span class="floatLeft" itemprop="datePublished">2010</span>
<span class="bold floatLeft clearLeft">Publisher:&nbsp;</span>
<span class="floatLeft" itemprop="publisher">Brooks Cole</span>​

CSS:

.floatLeft{float:left}
.bold{font-weight:bold}
.clearLeft{clear:left}​

预期结果:
ISBN-13:9780538735452
书号:0538735457
版本: 3
发布日期: 2010
发布者:Brooks Cole

当前 IE7 结果:
ISBN-13:9780538735452053873545732010BrooksCole
国际标准书号:
版本:
发布日期:
发布者:

Answer 1

我完全不明白你为什么要 float 这些。

为什么不直接使用 <strong>左侧文本的标签，以及 <br />在每行的末尾？