ZURB基金会CSS的Internet Explorer 7崩溃 我使用ZURB基金会3，并试图让它在Internet Explorer 7中工作。

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

原因是： 我已经把它缩小到CSS中的这两行。如果我把它们拿出来，那么它在InternetExplorer7中工作得很好，但看起来不像我期望的那样

.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基金会提供的MIXIN生成的，我不能为项目的其余部分删除。< /P> 我也没有达到IE选择器的4096限制，我做了一次计数，它低于1000

---

任何建议都将不胜感激。

我没有使用Zurb，但我注意到，每当我有两个元素直接嵌套在另一个元素中，并且两个元素都具有

min height

属性集时，IE7就会崩溃。例如，此标记将导致IE7崩溃

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

你好，IE 7！

但这不会

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

你好，IE 7！

您是否尝试过删除所有HTML5元素样式，而只保留其他类？（c-1等）。我知道大多数浏览器忽略了他们不理解的东西，但也许还有其他事情发生了。@grimmus，这似乎解决了问题。然而，我仍然不确定如何修复IE7，因为这些样式是由Zurb生成的Zurb允许条件注释吗？您是否尝试过包含对HTML5的引用。可能有助于在IE7I中更轻松地呈现元素。我确实有HTML5。我可以在标记中添加条件注释，但不能在ZURB基金会中添加条件注释compiler@imjared，他们在旧版本上支持IE7，版本2.2.1支持IE7，