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

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

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

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

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

You can see the issue here

【问题讨论】:

  • 您是否尝试过overflow:hidden 或clearfix...?图片 1+。
  • 谢谢乔希,一个溢出:自动是解决方案,很高兴你喜欢这些照片 :)

标签: css internet-explorer-7 internet-explorer-10


【解决方案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】:

您也可以将其放在您网站的&lt;head&gt; 部分:

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

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

【讨论】:

  • @morktron 不客气。我之前在兼容模式下遇到过这个问题,所以我只想分享我找到的这个解决方案。 :)
猜你喜欢
  • 1970-01-01
  • 2013-01-25
  • 1970-01-01
  • 2016-11-09
  • 1970-01-01
  • 2014-05-08
  • 2013-12-01
  • 1970-01-01
  • 2014-09-13
相关资源
最近更新 更多