原因:
a元素或者div元素下有一個匿名文本度液,這個文本外有一個匿名行級盒子厕宗,它有的默認vertical-align是baseline的画舌,由于設置了line-height的影響,使它有個line-height已慢,從而使其有了高度曲聂,因為baseline對齊的原因,這個匿名盒子就會下沉佑惠,往下?lián)伍_一些距離朋腋,所以把div或a元素撐高了。
解決辦法:
- 消除掉匿名盒子的高度膜楷,設置line-height:0或font-size:0
- 給兩者設置vertical-align:top旭咽,讓其top對齊,而不是baseline對齊
- 給img赌厅、iframe元素以display:block穷绵,讓它和匿名行級盒子不在一個布局上下文中,也就不存在行級盒