HTML网页全屏答案

【问题标题】：HTML webpage full screenHTML网页全屏
【发布时间】：2011-10-20 01:57:44
【问题描述】：

我有这个网页，你可以看到我在网页周围有空白区域。我尝试将 CSS 配置为宽度和高度为 100%，但不确定为什么它不能覆盖整个屏幕：

有人可以帮忙吗？

【问题讨论】：

好的，这有帮助，我让它显示了我的包装的整个宽度和高度，但现在地图在页脚上方的底部有一个很大的白色间隙：luc.edu/loyolamaps/basemap知道如何解决吗？我尝试了各种 CSS 编辑，但没有使地图成为页脚的整个高度。
我没有看到差距。你用的是什么浏览器？

【解决方案1】：

body元素默认有margin: 10px，只要在body的CSS中添加margin: 0就可以了。

【讨论】：

好的，这有帮助，我让它显示了我的包装器的整个宽度和高度，但现在地图在页脚上方的底部有一个很大的白色间隙：luc.edu/loyolamaps/basemap 有谁知道如何修复那？我尝试了各种 CSS 编辑，但没有使地图成为页脚的整个高度。

【解决方案2】：

我相信你需要

body {
  margin: 0;
  padding: 0;
}

这将允许内容达到视口的外部限制。

【讨论】：