爲什麼垂直滾動條出現時div的大小會發生變化？

Question

當我改變頁面的高度以便出現垂直滾動條時，頁面上的div元素伸展出來，並在頁面底部出現空白塊。目前的網站是在這裏：

http://cliqups.herokuapp.com/

我應該怎麼做停止的div這個調整大小？我應該完全禁用垂直滾動條嗎？

對於後人，我添加了幾個屏幕截圖。

沒有滾動條：

在滾動條：

Answer 1

這是/assets/application-67b0f50f40b31242c0515ffd40544866.css文件中的罪魁禍首在@媒體查詢CSS踢在一定的屏幕高度。

@media screen and (max-height: 855px) 
    div#wrapper div.container div.sign-up { 
    margin-top: 271px; 
    } 

找到這條線並取出margin-top：271px;你應該看到額外的間距消失。您不需要禁用滾動條。我希望這有幫助。