IE7 浮动并清除未按预期工作答案

【问题标题】：IE7 floats and clears not working as intendedIE7 浮动并清除未按预期工作
【发布时间】：2012-03-30 13:23:24
【问题描述】：

看看这个 JSFiddle。我试图让这个浮动布局在 IE7 中工作。适用于其他一切。两个浮动权利应该彼此相邻。但是在 IE7 中就搞砸了。

关于修复的任何想法？谢谢你的帮助。

*更新的小提琴

【问题讨论】：

偶然...我现在正在尝试解决完全相同的问题。一定会分享我找到的任何解决方案。
尝试 clear:right 而不是两者兼而有之？我实际上没有 IE7，但我觉得它可能会修复它。
@DanRedux 试过了。没有运气。你有IE9吗？您可以将浏览器模式更改为 IE7 :)
是的，我愿意。您也可以尝试清除左侧 div 的左侧和右侧 div 的右侧。此外，使用 clear:both 将 div 放在它们之间通常可以跨浏览器使用。
看了一下，在我的 IE7 中看起来还不错（除了加载需要很长时间），据我所知，它看起来与 Opera/Dragon(Chrome) 相同。版本 7.0.5730.13CO。或者自从您发布问题后，小提琴是否发生了变化？

【解决方案1】：

您可以为.page DIV 指定宽度。像这样：

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

【讨论】：

【解决方案2】：

如果它只发生在 IE 中，您可以尝试将以下内容放在 head html 标记中。

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

【讨论】：

【解决方案3】：

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

【讨论】：