手风琴常见问题解答之间的空间问题

Question

我在following page底部的常见问题解答手风琴遇到了一些令人沮丧的麻烦。
我需要在它们之间放置大约50px的空间，但似乎没有任何工作。

有什么建议吗？

Answer 1

尝试添加到您的css：

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

希望这会有所帮助：）

Answer 2

第1步：在我的示例div中包装每个问题和答案我已经给它上课container

第2步：从你的风格中删除float:left

第3步：在container

添加margin-bottom

.container {margin-bottom:50px;}

示例：http://jsfiddle.net/c6Kvz/2/

如需更整洁的语义版本，请参阅：http://jsfiddle.net/VyzqR/。这使用CSS作为悬停效果而不是javascript。您可以将h2标记替换为对文档布局最有意义的hx标记图像，只是不要使用h1！

您可能还想调查CSS Sprite s作为背景图片。这将减少filcker，同时图像在悬停或点击时加载。