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>
4

3 回答 3

1

嗨，只需设置一个height:auto. 在此处查看您的代码http://jsfiddle.net/qGzer/23/

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

此外，我将其设置float:left为display:inline-block在 div 高度不同的情况下保留空间。

于 2013-10-24T14:34:13.477 回答
0

将此添加到 div 的 css

 position: absolute;



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

}

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

于 2013-10-24T14:17:00.437 回答
0

在您的 div 中，您正在限制高度

于 2013-10-24T14:17:52.783 回答