div裡面包img時，會多4px的間隙

當塊元素包裹圖片時，圖片下面出現了4px的間隙。找不到具體的原因，還好有解決方式：

一、將圖片轉換為塊元素

設定：img {display:block;} 

二、設定圖片的垂直對齊方式

設定「vertical-align」，不管設定「top、middle、bottom」哪一種都可以，

img {vertical-align:top;} 

三、設定父元素的文字大小為0px

div{font-size:0;} ，但這個方式會造成「div」下所有文字無法顯示，若需顯示，就要重新定義裡面的文字大小

四、指定父元素的高度跟圖片的高度一樣

div{width:300px; height:200px; overflow:hidden;}

五、設定圖片的浮動屬性

img {float:left;}，但記得清除浮動，不然會造成父元素沒有高度

六、設定「margin」的負值

若div底下還有其他元素，可設定 div{marign-bottom:-4px;}

也有人說可以「取消圖片和父元素的結束標籤之間的空格」，但測試過沒作用