Div没有在chrome中正确全屏

Question

我正在尝试制作div全屏，下面是使用的代码：

  if (document.documentElement.requestFullScreen) {  
  document.documentElement.requestFullScreen();  
} else if (document.documentElement.mozRequestFullScreen) {  
  document.documentElement.mozRequestFullScreen();  
} else if (document.documentElement.webkitRequestFullScreen) {  
  document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
}  

我用document.getElementById（）

替换document.documentElement

它适用于firefox，但对于chrome，全屏显示div和页眉和页脚。

有关我如何避免这种情况以及仅使用div（相应调整全屏大小）的任何提示都会全屏显示？

提前致谢， 萨米特