css - CSS 中神秘的底部填充

Question

请参阅here ，在帖子的最后，来自 gravatar.com 的 70px 作者图像有一个神秘的底部填充，使底部填充比顶部、左侧和右侧的填充更宽。

我查看了所有 3 种浏览器，FF11、Chrome 和 IE9，它们都出现了同样的问题。我找不到 Firebug 的罪魁祸首。额外的 padding 不是 padding 也不是任何边距!

有什么想法吗？

Answer 1

尝试为 Gravatar 包装器 div 设置一个 height - http://jsfiddle.net/AMf5N/1/

#post-author .profile-image {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 2px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    float: left;
    height: 70px; /* add this */
    margin: 0 15px 5px 0;
    padding: 5px;
}

或 float 图像 - http://jsfiddle.net/AMf5N/