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');