Загадочное нижнее дополнение в CSS

Пожалуйста, см. here, в конце сообщения изображение автора 70px от gravatar.com имеет таинственное нижнее дополнение, что делает нижнюю прокладку намного шире, чем верхняя, левая и правая ,Загадочное нижнее дополнение в CSS

Я посмотрел все 3 браузера, FF11, Chrome и IE9, и все они представляют ту же проблему. Я не мог найти преступника с Firebug. Дополнительный прокладка не имеет ни заполнения, ни края ничего!

Любая идея?

источник

2012-06-11 datasn.io

https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps – Alohci

Попробуйте установить height к Gravatar обертке 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/

источник

2012-06-11 23:44:03

Хотя это работает, это скорее хак, чем решение. Например, если высота изображения должна была измениться, родитель не изменился бы соответствующим образом. – joshnh

@joshnh Вы видели вторую часть ответа с 'float'? Он будет работать на изображении любого размера. Таким образом, OP может выбрать тот, который лучше всего подходит для его потребностей. –

я сделал. Вам все же лучше решать фактическую проблему, а не удалять изображение из потока документа, как работу. Оба ваших варианта работают, но ни один из них не справляется с реальной проблемой, и оба они могут вызвать другие проблемы. – joshnh

Загадочное нижнее дополнение в CSS

ответ

Смежные вопросы