看了6'01''，張老師沒(méi)有提到過(guò)基線上移吧。

本質(zhì)上，基線根本沒(méi)有移動(dòng)，自始至終都是英語(yǔ)作業(yè)本中的那條紅線。

那個(gè)承載著圖片和文字并且底下有一段空白的框框是什么東西？那是containing box。

空白框框怎么出來(lái)的？張老師說(shuō)的很清楚，由于baseline對(duì)齊，字符的baseline底下還有一小段空間，會(huì)把containing box撐開(kāi)。

現(xiàn)在，圖片所在元素的line-height指定為0了，由于line-height是可繼承屬性，沒(méi)有特別設(shè)置的話內(nèi)部所有子元素的line-height就都會(huì)為0，這些元素生成的inline boxes的高度也自然為0。

最終，為了生成containing box，在計(jì)算containing box的高度的時(shí)候，就只有img有高度，其他字符類的元素都沒(méi)有高度，所以也就不會(huì)撐開(kāi)底下那一段空白了。

確實(shí)如此。大約4像素。實(shí)踐出真知，建議你用

<a?href="#"><img?src="x/xx.jpg"></a>

a{display:block;}
a{display:block;line-height:0}

二者做個(gè)比較，注意用控制臺(tái)作比較。你就會(huì)發(fā)現(xiàn)前者的a要比后者高4px。