轉(zhuǎn)載的，確實(shí)能解決問題，原因不明，求指教，謝謝！

本人實(shí)驗，chrome下多出3px，firefox下多出5px

li或dd 浮動后增加圖片時高度多出3-5px的問題

dd或li或a標(biāo)簽內(nèi)，插入圖片后，下方會增加4PX高度(間距)，解決方法：
1.將圖像定義成block (display:block)
2.給dd或li固定高度，然后overflow:hidden
3.設(shè)置 ul 的 font-size:0;
4.設(shè)置 img 的 vertical-align: bottom;
5.設(shè)置 img 的 margin-bottom: -4px;

其中第4個方法一般是為了解決li里面有雙浮動:

• 111111
  比如這里a和span一個浮左一個浮右的時候,li下方就會多出3PX左右的空隙,所以要用到vertical-align: bottom;或hack來解決

轉(zhuǎn)載于:https://www.cnblogs.com/sleepyy/p/3335122.html

總結(jié)

以上是生活随笔為你收集整理的li或dd 浮动后增加图片时高度多出3-5px的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。