多手風琴的CSS問題

Question

我很確定我有一個CSS問題，但我無法弄清楚如何糾正它。目前，我有這些手風琴完美工作，他們崩潰，擴大，當告訴等再次擴大等。

我遇到的問題是對齊這些手風琴div內的內容。理想情況下，當一切都是默認（摺疊）時，我想看到的只是縮略圖和標題。然後，如果用戶希望，他們點擊標題並展開，如果他們想要發表評論或查看評論，他們可以再次點擊以擴展該標題。

這是事情，我必須使高度爲62px，所以一切都會適合，而不是在所有地方浮動。這會在「查看評論」到「文字在此」區域中產生問題，因爲您可以告訴它在兩者之間有過分的空間。

另一個問題是，正如我目前所做的那樣，我正在強制縮進文章文本，以便它不在縮略圖圖像下方TEXT WRAP。基本上，我希望它分成兩列，所以在圖像下面什麼都沒有，但是在這個手風琴和div裏工作，這對我來說很困難。

Answer 1

你可以在你的CSS定義此設置高度：既然你的孩子手風琴對他們的頭一個acc2類

.acc2 { height: auto !important; } 

，這將覆蓋，恢復默認高度來匹配文本。