IE7浮动和清除不按预期工作

问题描述：

看看这个JSFiddle。我试图让这个浮动布局在IE7中工作。适用于其他一切。这两种浮动权利应该彼此相邻。但是在IE7中它会混乱起来。IE7浮动和清除不按预期工作

修复的任何想法？感谢您的帮助。

*更新小提琴

http://jsfiddle.net/c9Wmx/5/ < - 这个工作，但有没有办法做到这一点不使用空div？

Serendipitious ......我想现在解决相同问题。肯定会分享我找到的任何解决方案。 – 2012-03-14 04:32:52

尝试清除：正确，而不是两者？我实际上并没有IE7，但我觉得它可能会修复它。 – DanRedux 2012-03-14 04:34:25

@DanRedux尝试过。没有运气。你有IE9吗？你可以改变浏览器模式为IE7 :) – banjo 2012-03-14 04:36:54

答

你可以给你的宽度.page DIV。像这样：

.page{ 
    width:480px; 
    float:right; 
}

请参阅下面:) ********* – banjo 2012-03-14 05:07:21

答

如果它只发生在IE中，你可以尝试把下面的代码放在head html标签中。

<meta http-equiv="X-UA-Compatible" content="IE=7" /> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

具体而言，IE7无法按预期工作。强制后来的IE版本渲染IE7会使问题变得更糟，而不是更好。 – 2012-03-14 05:13:23

答

看到这个更新小提琴：http://jsfiddle.net/c9Wmx/6/

这工作，但问题是最左边的divs包含文本和宽度更改。因此，文字较少的任何内容都会跳转到上面的行。 – banjo 2012-03-14 05:06:35

我没有得到你想要达到的目标，你可以使用文本的例子小提琴/屏幕截图，所以我可以让我的想法实现。 – w3uiguru 2012-03-14 05:16:56