Question

我的div包含多个div和文本。内部div交替浮动左右，文本在所有浏览器（包括IE8）中沿着它们流动，除了IE7。在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，指定宽度，position：相对于包含div，各种hacks如IE7条件有zoom：1，min-width ：1％ - 基本上是把头发拉出来并挖掘谷歌寻找答案的几个小时，但我没有发现任何有用的东西。有没有人遇到过这个问题并得到了解决方法？

（用于测试我在Vista中以兼容模式运行IE8）

Answer 1

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

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

IE7：浮动div清除文本

1 个答案: