如何将手风琴功能与主体分开？答案

【问题标题】：How to separate accordion functionality from body?如何将手风琴功能与主体分开？
【发布时间】：2019-08-25 20:58:28
【问题描述】：

当点击手风琴时，它可以正常工作，但整个身体区域会随着手风琴而扩大。我只想扩展手风琴而不是整个 HTML 正文。请解决这个问题。

【问题讨论】：

【解决方案1】：

当手风琴展开时，它的主体会相应地展开，这是完全自然的。如果不希望 body 展开，如何向下滚动？

我认为你的问题是你把background-size: contain; 给#page-wrapper。当正文展开时，背景图像正在调整大小，这让您感到困惑。所以改变它：

#page-wrapper {

   /* the rest is the same */

   background-size: cover;
}

希望对你有帮助

实际上，您可以完全删除background-size 属性。

【讨论】：

【解决方案2】：

这是您的手风琴内容溢出的问题。只需在<h1>Angular Simple Accordion</h1>上方的div中添加height : auto

【讨论】：