Html 文本p标记上的div覆盖

我创建了这个jsFiddle，我想知道如何调整div中的

标记，以便根据其中的文本调整高度，而不是让它隐藏在另一个div后面

A.
杰基·雷迪·詹姆斯

将此添加到div的css中

 position: absolute;



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

}

---

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

嗨，只需设置一个

高度：auto

。在这里查看您的代码

---

此外，我还将

float:left

设置为

display:inline block

，以便在div高度不同的情况下保留空格。

如果您尝试在此处添加更多文本，它将再次与下一个div重叠

 position: absolute;



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

}

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