a標簽70px
img標簽放在了a標簽(inline模型)內(nèi)部俩檬，由于inline不是用來包含內(nèi)容的萎胰，因此這需要將a標簽display改為inline-block或者block
img標簽60px
但是僅僅改變display并不能解決問題，因為img在a中垂直對齊方式也就是vertical-align默認值為baseline棚辽，所以img最垂直對齊時是按照a的基線對齊而不是底線
該問題產(chǎn)生的關鍵就是垂直對齊方式技竟，基線與底線間存在空白，如何消除空白
解決辦法
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 }
對齊方式設為底線，而不以基線對齊联逻，也消除了空白
