Html 多手风琴的CSS问题

我很确定我有一个CSS问题，但我就是不知道如何纠正它。目前，我有这些手风琴工作得很好，他们崩溃，扩大，再次扩大时，被告知等

我遇到的问题是在这些手风琴div中对齐内容。理想情况下，当所有内容都处于默认（折叠）状态时，我只想看到缩略图和标题。然后，如果用户愿意，他们单击标题并展开，如果他们想发表评论或查看评论，他们可以再次单击以展开该标题

事情是这样的，我必须把高度设为62px，这样所有的东西都能放进去，而不是到处漂浮。这就造成了“查看注释”到“此处文本”区域的问题，因为可以看出这两个区域之间的空间非常大

---

另一个问题是，正如我目前所做的那样，我正在强制缩进文章文本，这样它就不会在缩略图下面换行。基本上，我想把它分成两列，这样图像下面就不会有任何东西了，但是使用这个手风琴和div中的div对我来说很困难。

你可以在CSS中定义它来设置高度：

.acc2 { height: auto !important; }

---

由于您的孩子手风琴的标题上有一个

acc2

类，这将覆盖，恢复默认高度以匹配文本。

谢谢，这个文本包装问题如何？@Josh-在您当前的布局中，像您这样的

左填充是最简单的方法，有什么我看不见的问题吗？可能是我太挑剔了。我真的很想把整个“新闻”区域限制在542px，但我想我只需要将其增加到557px，这样就不会出现文本换行。@Josh-您可以增加该内部div的左侧填充，或者将其更改为边距，并减少其实际的
宽度：
值，这样可以保持整体宽度不变。