Javascript 在chrome中Div不能正常全屏显示

我正在尝试制作一个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（根据全屏调整大小）进入全屏的任何提示

提前感谢,，

---

Sumit

在全屏和非全屏模式下，div是否需要覆盖所有屏幕区域？是的，它非常像youtube视频全屏播放。我只想让div全屏显示，而不是整个html页面。我可以通过上面的代码在firefox中实现这一点，但不能在chrome中实现。