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

Question

我正在使用 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 以下。

如有任何建议，我们将不胜感激。

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>