如何摆脱页面底部的灰色空间？

问题描述：

在此网页上禁用滚动，但在横向使用iPad时，会出现此问题。底部没有灰色空间，直到您向下滚动（这是禁用状态），但突然出现灰色空间。我试图在任何地方找到答案，但没有成功。页面的链接是www.papiasxm.com如何摆脱页面底部的灰色空间？

This is a screenshot from an iPad in landscape orientation

答

body { 
    position: relative; 
}

似乎是固定的问题。

太棒了！谢谢 –

只是好奇，你怎么认为/知道这会解决这个问题？如在，为什么这解决了这个问题？ @manolis –

通常，当我们在'body'中有绝对定位的元素时，'body'本身必须指定'position'。 – Manolis

答

对于响应式设计，使用填充/余量有时会导致主设计重叠的问题。对于这种类型的问题，最好不要使用固定高度，或者如果您需要使用它，请使用边距/填充来修复它。你可以将身体位置固定到相对位置。这里，位置：相对; 相对于其正常位置定位。