在IE中使用<section>标记时填充不起作用

bal*_*anv 6 css html5

我在我的应用程序中使用HTML5 <section>标签,<section>标签的填充在chrome,ff和safari中工作正常,但它在IE中不起作用..

我尝试添加display:block; 部分风格,但它没用...

任何解决方案

ajs*_*rma 14

许多较旧的浏览器不理解HTML5标签,section并使用将其视为文档流中的内联项的后备.

IE超越了这一步,完全忽略了HTML5标签.要解决此问题,您需要通过Javascript将标记添加到文档中.幸运的是,有一个非常好的HTML5Shiv,你可以嵌入你的HTML的头部,如下所示:

    <!DOCTYPE html> 
    <head>

    <!--[if lt IE 9]>
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--> 

    </head>
Run Code Online (Sandbox Code Playgroud)

任何低于IE9的IE现在都将使用此脚本来启用常见的HTML5块.

您仍然需要使用CSS来使标记显示为块.我用:

    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section { 
            display:block;
    }
Run Code Online (Sandbox Code Playgroud)