不对，100%的情况，页面还需要上下拉一点距离才能看全。

如果您希望 div 元素的宽高能够适应页面的整个可视区域，并且在页面上下拉动时，保持内容的完整可见，可以使用视口单位和固定定位来实现。

首先，将 div 元素的样式设置为固定定位，并使用视口单位来设置宽度和高度：

div {
  position: fixed;
  width: 100vw;
  height: 100vh;
}

其中，`vw` 表示视口宽度的百分比，`vh` 表示视口高度的百分比。这样，div 元素的宽度和高度将始终占据整个可视区域。

如果您希望在顶部或底部预留一定距离，可以使用 `calc()` 函数来减去相应的像素值。例如，为了在顶部留出 50 像素的距离，可以将高度设置为 `calc(100vh - 50px)`：

div {
  position: fixed;
  width: 100vw;
  height: calc(100vh - 50px);
}

这样，div 元素就会填充整个可视区域，并在页面上下拉动时保持内容的可见。请根据实际需求进行调整。

相关问题

页面高度100% 为什么还会有滚动条

当页面高度设置为100%时，页面的高度会被设置为浏览器窗口的高度。但是，如果页面中包含内容超过浏览器窗口高度的元素，那么这些元素的高度将会撑起整个页面，导致页面高度大于浏览器窗口高度，从而出现滚动条。

另外，滚动条也会占用浏览器窗口的一定宽度或高度，这可能会导致页面内容的宽度或高度超过浏览器窗口，也会出现滚动条。要避免这种情况，可以使用 CSS 的 `box-sizing` 属性来调整元素的盒模型，以使元素的宽度和高度包括边框和内边距。例如，设置 `box-sizing: border-box;` 可以使元素的宽度和高度包括边框和内边距，而不会超出浏览器窗口。

页面设置100%布局不满

如果页面设置为100%布局但是没有填满整个屏幕，可能是因为页面中的元素没有完全充满整个页面。你可以尝试以下几种方法解决：

1. 使用 CSS 定义元素的宽度和高度，确保它们充满整个页面。

2. 使用绝对定位或固定定位来定位元素，使它们充满整个页面。

3. 确保页面的 body 和 html 元素都设置为100%的高度和宽度。

4. 检查页面中是否存在外边距或内边距，这些可能会使元素无法充满整个页面。

5. 如果你在使用框架或库，可能需要查看它们的文档，了解如何使用它们来填充整个页面。