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

Question

单击手风琴时，它可以正常工作，但是随着手风琴的出现，整个身体区域都在扩大。我只想扩展手风琴而不扩展整个HTML正文。请解决此问题。

http://shahfahad.com/app/setting2.html

Answer 1

完全自然的是，当手风琴展开时，琴身也将相应地展开。如果您不希望身体扩展，怎么向下滚动？

我认为您的问题是您将background-size: contain;赋予#page-wrapper。当主体展开时，背景图像正在调整大小，这使您感到困惑。因此，将其更改为：

#page-wrapper {

   /* the rest is the same */

   background-size: cover;
}

希望这会有所帮助

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

Answer 2

这是您的手风琴内容溢出的问题。只需在此height : auto

上方的div中添加<h1>Angular Simple Accordion</h1>