移动设备上模态下方的空白区域

Question

我有一个弹出模式，其中包含一个表单，可以在桌面浏览器上正常显示。在移动设备上，它会填满整个屏幕，但在内容结束后会在下面显示一个空白区域。向上滚动时，空白区域会阻止某些内容。我无法检查这个元素，也没有在文档大纲中看到它。

它看起来像这样：

如何删除空格？

Answer 1

也许这是Clearfix的问题？

请参阅：http://www.jqui.net/tips-tricks/css-clearfix/

Answer 2

在移动设备上打开模态时，防止身体可滚动解决了问题。

@media screen and (max-device-width: 600px) {
  body.modal-open {
    overflow: hidden;
  }
}