行內(nèi)元素是否沒有寬高,寬高由字體多少和大小決定。但行內(nèi) 元素可以設(shè)置邊框和背景顏色,這讓我感到新奇!設(shè)想一下如果行內(nèi)元素嵌入塊級(jí)元素,情況會(huì)怎么樣呢。我對(duì)此做了一些測試。
代碼和情況如下,讓我比較困惑的是為何邊框會(huì)跑到下面, 另外 上邊框也看不見了。
后來經(jīng)過測試發(fā)現(xiàn),得出結(jié)論
1.行內(nèi)元素區(qū)域包括邊框大小和字體大小和 子元素(塊級(jí)元素)決定的。
2.上邊框不見是因?yàn)楸徊藛螜趽踝×?,在外層套一個(gè)div就不會(huì)有這種情況(在火狐上還可以看到一點(diǎn));
另外還有一些知識(shí)點(diǎn),比如塊級(jí)元素不設(shè)置寬高的情況下,寬度與父級(jí)元素寬度相等,高度與盒子內(nèi)容相等

