CSS li或dd 浮動後增加圖片時多出4PX問題

CSS li或dd 浮動後增加圖片時多出4PX問題

dd或li或a標籤內，插入圖片後，下方會增加4PX高度(間距)，解決方案：
1.將映像定義成block (display:block)
2. 給dd或li固定高度，然後overflow:hidden
3.設定 ul 的 font-size:0;
4.設定 img 的 vertical-align: bottom;
5.設定 img 的 margin-bottom: -4px;

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

<a>我是a標籤，左浮 動</a><span>我是 span，右浮動</span>
比如這裡a和span一個浮左一個浮右的時候,li下方就會多出3PX左右的空隙,所以要用到vertical-align: bottom;或hack來解決