IE7:浮动div清除文本

Question

我有包含多个div和文本的div。内部div交替向左和向右浮动，在除IE7之外的所有浏览器(包括IE8)中，文本都会沿着它们流动。在IE7中，文本被推到底部，以便与最终内部div的顶部对齐。我尝试了各种解决方案，并阅读了a good article on the subject

但是，我仍然无法阻止文本在IE7中被清除。下面是相关的HTML (请注意，此div嵌套在一个具有指定宽度的HTML表中，因为它是一个遗留站点。我试着把div从表中拉出来，但同样的行为还是发生了)：

<div>
    <div class="left"></div>
    <div class="right"></div>
    Text goes here
    <br />
    Text goes here
</div>

和CSS：

.left { float:left; }
.right { float: right;}

我已经尝试了应用display:inline，display: inline-block，clear: none，overflow: hidden，指定宽度，位置:相对于包含的div，各种hacks，比如IE7 conditional with zoom: 1，min-width: 1% -基本上花了几个小时在谷歌上寻找答案，但我没有找到任何有效的方法。以前有没有人遇到过这个问题，并找到了解决方法？

(为了测试，我在Vista的兼容模式下运行IE8 )

Answer 1

我确信IE7会带来令人头疼的问题。谢天谢地，它比IE6好得多，但在许多情况下，它让我头疼。

在这种情况下，我建议您使用表生成特定于IE7的代码！