IE10 兼容模式下的 IE7 浮动错误答案

【问题标题】：IE7 float bug in IE10 Compatability modeIE10 兼容模式下的 IE7 浮动错误
【发布时间】：2013-09-13 10:19:04
【问题描述】：

我正在尝试为那些按下兼容模式按钮的人建立一个在 IE10 中工作的网站 - 通常是错误的！

IE10 中的兼容模式为 IE7 呈现文档

我有一个容器 div，里面漂浮着 1 到 4 列潜水，它们都被最后一列 div 之后的清除 div 清除。

除了在 IE10 兼容模式下一切正常。我认为这是一个 IE7 浮动错误，但我可能是错的

【问题讨论】：

【解决方案1】：

尝试改变你的 div

<div class="year-wrap 1">

为了这个

<div class="year-wrap 1" style="overflow: auto;">

或者简单地将它添加到你的 css 的类 year-wrap 中

overflow: auto;

【讨论】：

太棒了，感谢 Morgul，你是一个传奇 :)，我刚刚添加了 overflow:auto，它现在可以正常工作了。 'year-wrap' 的底部边距在 IE7 中被忽略，但它已经足够好了。谢谢:)

【解决方案2】：

您也可以将其放在您网站的<head> 部分：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

这样，兼容模式按钮将不会显示，因此您不必担心人们不小心点击了兼容模式按钮。 :)

【讨论】：