儘管實際上沒有填充，但爲什麼我的圖像填充底部？

在CSS代碼中，我沒有寫任何填充，但圖像有填充底部。下面是HTML代碼：

<div class="image_block"> 
    <img width="100" height="100" alt="Facebook" src="http://i.imwx.com/web/tv/ 
    programs/facebook_logo_100x100.jpg"> 
</div>

這裏是CSS代碼：

body { 
    background-color:#131211; 
} 

.image_block { 
    border:1px solid #b5b5b5; 
    float:left; 

}

來源

2012-05-14 kalaba2003

你應該使用重置CSS（http://meyerweb.com/eric/tools/css/reset/）。某些瀏覽器默認應用基本樣式。 – xbonez

我現在試過但沒有工作。 – kalaba2003

您的圖像看起來像在實際徽標周圍有大約3px的空白。你確定你沒有誤認爲填充？ – AndrewR

你image_block div有高度104px，沒有填充有

只是將它設置爲height:100px;

來源

2012-05-14 17:25:23 Andre

是的，你的權利，你比我快:) – shareef

是的，你是對的。有用。但你怎麼能理解104px。任何地方都沒有104px？ – kalaba2003

我不確定它爲什麼與104px，它將需要更多的時間來追查錯誤的來源。相反，我使用Opera的Dragonfly對它進行了檢查，並且看到了104px（Firebug或其他任何開發工具可以幫助您找到這個 - 您確實應該使用它） – Andre

儘管實際上沒有填充，但爲什麼我的圖像填充底部？

回答

相關問題