首先要看DIV有無(wú)內(nèi)容,然后才會(huì)決定誰(shuí)影響其高度:
1.當(dāng)DIV為一個(gè)空標(biāo)簽的時(shí)候:DIV有一個(gè)默認(rèn)的高度(大約20px左右吧),如果hiehgt的值小于這個(gè)數(shù)字,DIV不會(huì)有任何反應(yīng),大于則可以控制;而line-height在這兒根本沒(méi)有用,因?yàn)闆](méi)有內(nèi)容,所以也就不存在行高了。
2.當(dāng) DIV標(biāo)簽內(nèi)有內(nèi)容時(shí)(哪怕是一個(gè) ):DIV的高度依然是默認(rèn)的(依舊是20px左右),而這時(shí)候的height仍然只能 設(shè)置大于這個(gè)數(shù)的值,否則DIV不會(huì)受控制;但是,這時(shí)候卻可以使用line-height來(lái)控制DIV的高度,準(zhǔn)確來(lái)說(shuō)是控制DIV內(nèi)的內(nèi)容行高,使 DIV受行高的變化而變化。
不過(guò),如果你設(shè)置了height的值,那么當(dāng)line-height小于height的值的時(shí)候,DIV取的是height的 值;如果line-height大于height的值,那這時(shí)候影響DIV高度的就是line-height的值了。
在其它的瀏覽器就不會(huì)出現(xiàn)這個(gè)問(wèn)題,也就是說(shuō)line-height大于height的時(shí)候,DIV的高度依舊是height,最多是看不見(jiàn)內(nèi)容,但DIV的高度不會(huì)被line-height所控制。
期間有一個(gè)朋友評(píng)論說(shuō)“使用overflow:hidden;第二種情況也是由height來(lái)控制了”:嘿嘿,試了一下,的確如此,當(dāng)DIV的高度被line-height撐高的時(shí)候,使用overflow:hidden;則會(huì)使超出DIV高度那部份的內(nèi)容不可見(jiàn),從而使DIV的高度受hiehgt控制。