Text IE7:浮动divs清除文本

Text IE7:浮动divs清除文本,text,css-float,internet-explorer-7,Text,Css Float,Internet Explorer 7,我有一个包含多个div和文本的div。内部div交替地左右浮动,文本在除IE7之外的所有浏览器(包括IE8)中沿着它们流动。在IE7中,文本被推到底部,以便与最后一个内部div的顶部对齐。我已经尝试了各种解决方案,并且已经阅读了 但是,我仍然无法阻止在IE7中清除文本。以下是相关的HTML(请注意,此div嵌套在一个具有指定宽度的HTML表中,因为它是一个旧站点。我已尝试将该div从表中拉出,但仍然会出现相同的行为): 我尝试过应用display:inline,display:inline bl

我有一个包含多个div和文本的div。内部div交替地左右浮动,文本在除IE7之外的所有浏览器(包括IE8)中沿着它们流动。在IE7中,文本被推到底部,以便与最后一个内部div的顶部对齐。我已经尝试了各种解决方案,并且已经阅读了

但是,我仍然无法阻止在IE7中清除文本。以下是相关的HTML(请注意,此div嵌套在一个具有指定宽度的HTML表中,因为它是一个旧站点。我已尝试将该div从表中拉出,但仍然会出现相同的行为):

我尝试过应用display:inline,display:inline block,clear:none,overflow:hidden,指定宽度,位置:相对于包含的div,各种各样的hacks,比如IE7 conditional with zoom:1,min width:1%——基本上是几个小时的时间,我把头发拔出来,在谷歌上搜索答案,但我没有找到任何有效的方法。以前是否有人遇到过此问题并对此进行了修复


(为了测试,我在Vista中以兼容模式运行IE8)

我确信IE7带来的麻烦。感谢上帝,它比IE6好得多,但在很多情况下,它让我头疼

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

<div>
    <div class="left"></div>
    <div class="right"></div>
    Text goes here
    <br />
    Text goes here
</div>
.left { float:left; }
.right { float: right;}