139896-106.jpg
浏览器在遇到不认识的元素时，会把它们当成内联（inline）元素。大多数HTML5语义元素（除了<time>之外）都是块级元素，块级元素是需要独占一行的（也就是看上去是换行了）。
不认识HTML5语义元素的浏览器不知道应该把它们显示成块级元素，所以它们很有可能会被放置在同一行。
为了解决这个问题，可以添加一条规则：
article, aside, figure, figcaption, footer, header, main, nav, section, summary {
display: block;
}
上面这条规则对于能识别HTML5的浏览器来说是没作用的，因为这些元素的display属性默认就是block。
HTML与CSS 目录：HTML与CSS
下一篇：【CSS】着色与透明
