139896-106.jpg
瀏覽器在遇到不認(rèn)識(shí)的元素時(shí)剥啤,會(huì)把它們當(dāng)成內(nèi)聯(lián)(inline)元素搞动。大多數(shù)HTML5語(yǔ)義元素(除了<time>之外)都是塊級(jí)元素汽摹,塊級(jí)元素是需要獨(dú)占一行的(也就是看上去是換行了)。
不認(rèn)識(shí)HTML5語(yǔ)義元素的瀏覽器不知道應(yīng)該把它們顯示成塊級(jí)元素惭蟋,所以它們很有可能會(huì)被放置在同一行苗桂。
為了解決這個(gè)問(wèn)題,可以添加一條規(guī)則:
article, aside, figure, figcaption, footer, header, main, nav, section, summary {
display: block;
}
上面這條規(guī)則對(duì)于能識(shí)別HTML5的瀏覽器來(lái)說(shuō)是沒(méi)作用的告组,因?yàn)檫@些元素的display屬性默認(rèn)就是block煤伟。
HTML與CSS 目錄:HTML與CSS
下一篇:【CSS】著色與透明