如何解決css溢出問題而不使用溢出：隱藏

Question

基本上body元素底部有大量的額外空間。但是當我檢查body時，身高是一個正常的數字。所以如何在沒有設置body的情況下襬脫多餘的空白空間？

我不想使用overflow: hidden的原因是它打破$window.on('scroll')事件。有沒有辦法解決溢出：隱藏和滾動上的jQuery窗口之間的衝突？

這裏是html和body的css。謝謝。

html, 
body, 
.content-wrap { 
    overflow-x: hidden; 
    width: 100%; 
    height: 100%; 
    margin: 0; 
} 

this is the css file relates to this issue i think, the issue is gone without this file

html

對不起雜亂的文件，我不知道一個更好的方式來呈現在這裏我的問題

Answer 1

嘗試使用此...

html{ position:relative; height:100%; } 
body{top:0; bottom:0; right:0; left:0;} 

這樣你的html是最小的高度o f窗口和body元素被強制填充它......然後只需將header，footer等放在需要去的地方。