Zurb Foundation中的CSS导致Internet Explorer 7崩溃

Question

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

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

原因:我已经将范围缩小到CSS中的这两行。如果我把它们取出来，那么它在Internet Explorer7中工作得很好，但看起来并不像我预期的那样。

.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个。

任何建议都将不胜感激。

Answer 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>