由于 Zurb Foundation 中的 CSS，Internet Explorer 7 崩溃答案

【问题标题】：Internet Explorer 7 Crashing becasue of CSS in Zurb Foundation由于 Zurb Foundation 中的 CSS，Internet Explorer 7 崩溃
【发布时间】：2013-12-19 06:37:57
【问题描述】：

我正在使用 Zurb Foundation 3，并试图让它在 Internet Explorer 7 中工作。

错误：发生的情况是页面加载并呈现内容正常，但是您无法单击任何内容、滚动或交互，然后 Internet Explorer 停止响应。

原因：我已将其范围缩小到 CSS 中的这两行。如果我把它们拿出来，它在 Internet Explorer 7 中可以正常工作，但看起来不像我期望的那样。

.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12, 
header[role="banner"] h1, header[role="banner"] nav, header[role="banner"] aside,  
div[role="main"] div#main-container, div.sub-footer aside > div, 
footer[role="contentinfo"] > .row h1, footer[role="contentinfo"] > .row .info, 
footer[role="contentinfo"] > .row nav 
{ 
    float: left; 
}

.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12,
header[role="banner"] h1, header[role="banner"] nav, header[role="banner"] aside, 
div[role="main"] div#main-container, div.sub-footer aside > div, 
footer[role="contentinfo"] > .row h1, footer[role="contentinfo"] > .row .info, 
footer[role="contentinfo"] > .row nav 
{ 
    position: relative; 
    min-height: 1px; 
    padding: 0 15px; 
}

问题：这里唯一的问题是这段代码是由 SASS 使用 Zurb Foundation 提供的 mixin 生成的，我无法在项目的其余部分删除它。

我也没有达到 IE 选择器的 4096 限制，我数了一下，不到 1000。

任何建议将不胜感激。

【问题讨论】：

你试过去掉所有的 HTML5 元素样式，只留下其他类吗？（.c-1 等）。我知道大多数浏览器会忽略他们不理解的东西，但也许还有其他事情发生。
@grimmus，这似乎可以解决问题。但是，我仍然不确定如何仅针对 IE7 解决此问题，因为这些样式是由 Zurb 生成的
Zurb 是否允许有条件的 cmets ？您是否尝试过包含对 HTML5Shiv 的引用。可能有助于在 IE7 中更轻松地呈现元素
我有 HTML5Shiv。我可以在标记中添加条件 cmets，但不能在 Zurb Foundation 编译器中添加
@imjared，他们在旧版本上支持 IE7，2.2.1 版本支持 IE7，foundation.zurb.com/docs/v/2.2.1/qa.php

标签： css internet-explorer-7 sass zurb-foundation

【解决方案1】：

我没有使用 Zurb，但我注意到，只要我有两个元素直接嵌套在另一个元素中并且这两个元素都设置了 min-height 属性，IE7 就会崩溃。例如，这个标记会导致 IE7 崩溃

<div style="min-height: 1px">
    <div style="min-height: 1px">
        Hello IE 7!
    </div>
</div>

但这不会

<div style="min-height: 1px">
    <div>
       Hello IE 7!
    </div>
</div>

【讨论】：