保證金子元素不會強迫窗口顯示滾動條時，HTML元素具有高度：100％

如果我有以下HTML：保證金子元素不會強迫窗口顯示滾動條時，HTML元素具有高度：100％

<!doctype html> 
<html> 

<head> 
    <style> 
    html { 
     height: 100%; 
    } 

    .square { 
     background-color: red; 
     width: 100px; 
     height: 100px; 
     margin-bottom: 2000px; 
    } 
    </style> 
</head> 

<body> 
    <div class="square"></div> 
</body> 

</html>

我預料的div的保證金會導致窗口成爲可滾動的。這在Chrome中按預期工作，但在Safari中，該窗口不可滾動。爲什麼是這樣？這是一個錯誤？

html高度100％是故意的。

來源

2016-01-12 Decade Moon

也許如果你玩'溢出'CSS屬性？ http://www.w3schools.com/cssref/pr_pos_overflow.asp – jonathanGB

'html {height：100％}'可能是導致此問題的原因。有沒有什麼理由使用它？ –

@Lucas是的，這是造成這個問題，但它是必要的我的佈局。 –