Html 手风琴常见问题解答之间存在空格问题

我的FAQ手风琴在本书底部遇到了一些令人沮丧的问题。 我需要在它们之间放置大约50px的空间，但似乎没有任何效果

---

有什么建议吗？

尝试添加到css中：

 .accordionButton {
    margin: 25px auto;
 }
.accordionContent p { 
    padding-top: 10px; 
    margin-top: 0; 
}
div.accordionContent { 
    margin-top: -25px; 
}

---

希望这有帮助：

步骤1：将每个问题和答案包装在一个div中。在我的示例中，我给了它一个类容器

步骤2：从样式中删除float:left

步骤3：将边距底部添加到容器中

例如：

有关更整洁、更具语义的版本，请参阅：。这将使用CSS来实现悬停效果，而不是javascript。请随意用hx标记法师对您的文档布局最有意义的标记替换th h2标记，只是不要使用h1

---

您可能还需要调查背景图像的背景。这将减少图像在悬停或单击时加载的filcker。

请添加生成的代码，其cssI尝试启动JS fiddle，但是它使用的是JS，在那里做得不好-我认为站点链接会提供所有必要的东西。编辑：这是JSFIDLE:@erndenson请在这个站点中添加一个代码并删除你的断开的链接@Omar是什么意思？我没有把任何链接放在这里-既没有工作也没有中断-谢谢你的帮助，但它似乎也会在FAQ的答案上面添加相同的空间，我希望它在下面。这里是JSFIDLE，如果有帮助的话：@user3517583，我已经用额外的css编辑了我的答案，使FAQ答案更接近问题：

.container {margin-bottom:50px;}