139896-106.jpg

瀏覽器在遇到不認(rèn)識的元素時(shí)，會把它們當(dāng)成內(nèi)聯(lián)（inline）元素。大多數(shù)HTML5語義元素（除了<time>之外）都是塊級元素，塊級元素是需要獨(dú)占一行的（也就是看上去是換行了）。

不認(rèn)識HTML5語義元素的瀏覽器不知道應(yīng)該把它們顯示成塊級元素，所以它們很有可能會被放置在同一行。

為了解決這個(gè)問題，可以添加一條規(guī)則：

article, aside, figure, figcaption, footer, header, main, nav, section, summary {
    display: block;
}

上面這條規(guī)則對于能識別HTML5的瀏覽器來說是沒作用的，因?yàn)檫@些元素的display屬性默認(rèn)就是block。

HTML與CSS 目錄：HTML與CSS

下一篇：【CSS】著色與透明