Question

最基本的问题，但我花了几个小时搜索，却无法找到答案。

<main style="height:0px;overflow:hidden;">
    <section>
       This should not be displayed
    </section>
</main>

此代码按预期在Safari，Chrome和Firefox中返回空白。但是IE10 / 11显示＆＃34;这不应该显示。＆＃34;

显然溢出不起作用。

我已尝试将高度和宽度设置为主要部分和部分。我尝试了位置：亲戚（IE6 bug）。

它是如此基本的东西......我知道这是愚蠢的，可能已经回答了10000次，但是我的智慧结束了。＆＃34; duh＆＃34;答案是......？

谢谢！

Answer 1

答案是因为IE10 / 11中不支持<main> HTML5标记。

如果您将HTML更改为：

<div style="height:0px;overflow:hidden;">
    <div>
       This should not be displayed
    </div>
</div>

您不应再看到显示的内容。

或者您可以将display: block添加到<main>代码中。

见链接：

Answer 2

对于任意命名的元素，您需要使用display样式属性来告诉Internet Explorer您希望元素的行为方式。

例如，如果您希望<main>元素的行为类似于<div>，请为其指定样式属性display:block;

<main style="height:0px;overflow:hidden;display:block;">
    <section>
       This should not be displayed
    </section>
</main>