CSS中的神秘底部填充 [英] Mysterious bottom padding in CSS

问题描述

请参阅这里 a>，在帖子的结尾，来自gravatar.com的70px作者图像有一个神秘的底部填充，使底部填充比顶部，左边和右边更宽。

Please see here, at the end of the post, the 70px author image from gravatar.com is having a mysterious bottom padding, making the bottom padding a lot more wider than the top, left and right ones.

我看了所有3个浏览器，FF11，Chrome和IE9和所有提出同样的问题。我找不到Firebug的罪魁祸首。

I looked all 3 browsers, FF11, Chrome and IE9 and all are presenting the same problem. I couldn't find the culprit with Firebug. The extra padding is no padding nor margin of anything!

任何想法？

推荐答案

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

Try to set a height to the Gravatar wrapper div - 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/

这篇关于CSS中的神秘底部填充的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！