html5新增加了一些语义元素,如header, footer, nav, aritcle, aside,等等。
然而,有些老款浏览器无法识别这些元素,会把它们当成 inline 元素对待,这会导致一些相当严重的样式问题。
解决办法:把这些语义元素全部声明为 块级(block)元素
header,footer,nav,article,aside,section{
display:block;
}
如果要兼容 ie9 之前的 ie 版本,还需要在文档中添加一点 javascript:
document.createElement('header');
document.createElement('footer');
document.createElement('nav');
document.createElement('article');
document.createElement('aside');
document.createElement('section');