DIV問題與崩潰和擴大

Question

我試圖改變代碼周圍，但由於某種原因，它不能按需要工作。 我想把DIV放在中間，同時摺疊/展開，我希望它順利地向下滑動或向上滑動。如果你點擊顯示/隱藏頁面轉換，我似乎無法弄清楚爲什麼。

Answer 1

該轉變是基於網頁高度的滾動條顯示或隱藏的結果。你可以保持滾動所以沒有移位發生

html { 
     overflow-y: scroll; 
} 

Answer 2

我沒有看到任何移動，但居中，給它（#sd規則）的寬度（除95％ - 這是更接近圖像的寬度像550px）並將邊距設置爲margin:0 auto。也擺脫了align:center規則。

#sd { 
    width: 550px; 
    margin: 0 auto; 
} 

Answer 3

頁面正在移動，因爲當通知展開時，它會顯示垂直滾動條，因此會將頁面內容18px（通常）移到左側。有幾種方法可以解決這個問題，快速和骯髒的修復方法是在擴展通知時將頁面最小高度設置爲高度，或者只需在身體上設置overflow-y:scroll即可獲得相同結果。有更清晰的解決方案，但現在你知道原因了，我相信你會爲你的特殊需求找到一個很好的解決方案。