Я создал этот jsFiddle, и мне хотелось знать, как я могу настроить <p>
в div, чтобы высота была отрегулирована на основе текста внутри, а не для того, чтобы он скрывался за другим div.
<div class="nameImage">
<div class="gridLetter">
<div>A</div>
</div>
<figure class="thumbnail avatar circularGridVw">
<img alt="Gravatar" src="http://www.gravatar.com/avatar/4425027572854858d9ebc2fe1c2fd847?s=150&d=identicon&r=G">
</figure>
<p>Jackie ThunderBirdies James</p>
</div>
добавьте это в css div
position: absolute;
.gridLetter {
font-size: 20px;
font-weight: bold;
margin-top: 4px;
display: block;
height: 17.7px;
position: absolute;
}
Привет. Просто установите height:auto
. Смотрите код здесь http://jsfiddle.net/qGzer/23/
.nameImage {
width:158px;
height:auto;
}
Также я устанавливаю float:left
to display:inline-block
для резервирования пробелов в случае разной высоты div.
В вашем div вы ограничиваете высоту