如何在div内正确地将文本填充为溢出：隐藏？

Question

我在div内的文本有问题（溢出：隐藏）。 div是一个下拉列表，显示另一个包含图像和文本的div。下拉菜单适用于javascript编辑高度。还有一个问题。偶尔，当我单击“放下”按钮时，需要两次单击才能起作用，我不知道为什么。

<div class="dropDiv">
<strong class="divTitle">Title</strong>
<div class="dropDownBtn" onclick="dropDown()"></div>
<br>
<div class="heroInfoDiv">
<img height="100%" width="20%" src="Media/image/img.png">
<div class="textHolder">If this text is too long, it dissapears.</div>
</div>
</div>

起初，我尝试让div将文本作为p元素保存，但是将其更改为带有任何CSS的div都无效。我想让文本遵守所有普通容器一样的规则，在该容器中文本自动断行。

这是一个jsFiddle，显示正在发生的事情： https://jsfiddle.net/56oypcbj/5/

Answer 1

从float: left类中删除.textHolder。

.textHolder {
  padding: 0px;
}