a標簽70px

img標簽放在了a標簽(inline模型)內部，由于inline不是用來包含內容的，因此這需要將a標簽display改為inline-block或者block

img標簽60px

但是僅僅改變display并不能解決問題，因為img在a中垂直對齊方式也就是vertical-align默認值為baseline，所以img最垂直對齊時是按照a的基線對齊而不是底線

該問題產生的關鍵就是垂直對齊方式，基線與底線間存在空白，如何消除空白

解決辦法

1.a{ display:inline-block或者block; line-height:0px或者font-size:0; }

注：line-height的值默認是按照font-size的值乘以一定比例計算得來

line-height設置為0時，基線與底線間距離為0，空白消除

2.img{ vertical-align:bottom }

對齊方式設為底線，而不以基線對齊，也消除了空白