наложение div на текстовый тег p

0

Я создал этот jsFiddle, и мне хотелось знать, как я могу настроить <p> в div, чтобы высота была отрегулирована на основе текста внутри, а не для того, чтобы он скрывался за другим div.

http://jsfiddle.net/qGzer/

<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&amp;d=identicon&amp;r=G">

        </figure>
        <p>Jackie ThunderBirdies James</p>
    </div>
Теги:

3 ответа

0
Лучший ответ

добавьте это в css div

 position: absolute;



.gridLetter {
font-size: 20px;
font-weight: bold;
margin-top: 4px;
display: block;
height: 17.7px;
     position: absolute;

}

http://jsfiddle.net/qGzer/1/

  • 0
    Если вы попытаетесь добавить больше текста, он снова будет наложен на следующий div
1

Привет. Просто установите height:auto. Смотрите код здесь http://jsfiddle.net/qGzer/23/

.nameImage {
  width:158px;
  height:auto;
}

Также я устанавливаю float:left to display:inline-block для резервирования пробелов в случае разной высоты div.

0

В вашем div вы ограничиваете высоту

Ещё вопросы

Сообщество Overcoder
Наверх
Меню