DIV问题与崩溃和扩展

Question

我试图改变代码但由于某种原因它没有按预期工作。 我想把DIV放在中间，而在折叠/扩展的过程中，我希望它能够顺利地向下或向上滑动。如果你点击显示/隐藏页面移动，我似乎无法找出原因。

Answer 1

移位是滚动条根据网页的高度显示或隐藏的结果。您可以保留滚动条，以免发生转变

html {
       overflow-y: scroll;
}

Answer 2

我没有看到任何移动，但是为了使它居中，给它（#sd规则）一个宽度（95％以外 - 更接近图像的宽度，如550px）并将边距设置为{{1 }}。还要摆脱margin:0 auto规则。

align:center

Answer 3

页面正在移动，因为当公告被扩展时，它正在显示垂直滚动条，因此将页面内容18px（通常）移到左侧。有几种方法可以解决这个问题，快速和肮脏的解决方法是将公告页面的最小高度设置为公告扩展时的高度，或者只需在正文上设置overflow-y:scroll即可达到相同的结果。更清洁的解决方案，但既然您知道原因，我相信您会找到适合您特定要求的良好解决方案。