多手风琴的CSS问题

Question

我很确定我有一个CSS问题，但我无法弄清楚如何纠正它。目前，我有这些手风琴完美工作，他们崩溃，扩大，当告诉等再次扩大等。

我遇到的问题是对齐这些手风琴div内的内容。理想情况下，当一切都是默认（折叠）时，我想看到的只是缩略图和标题。然后，如果用户希望，他们点击标题并展开，如果他们想要发表评论或查看评论，他们可以再次点击以扩展该标题。

这是事情，我必须使高度为62px，所以一切都会适合，而不是在所有地方浮动。这会在“查看评论”到“文字在此”区域中产生问题，因为您可以告诉它在两者之间有过分的空间。

另一个问题是，正如我目前所做的那样，我正在强制缩进文章文本，以便它不在缩略图图像下方TEXT WRAP。基本上，我希望它分成两列，所以在图像下面什么都没有，但是在这个手风琴和div里工作，这对我来说很困难。

Answer 1

你可以在你的CSS定义此设置高度：既然你的孩子手风琴对他们的头一个acc2类

.acc2 { height: auto !important; } 

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