css3 铺满屏幕 外层有div

如果想要使用 CSS3 将一个 div 铺满整个屏幕，同时又有一个外层的 div，可以使用以下方法：

HTML 代码：

<div class="outer">
  <div class="inner"></div>
</div>

CSS 代码：

html,
body {
  height: 100%;
}

.outer {
  height: 100%;
  width: 100%;
  background-color: #ccc;
}

.inner {
  height: 100%;
  width: 100%;
  background-color: #fff;
}

这里，我们首先让 `html` 和 `body` 的高度都为 100%，以充满整个屏幕。然后，我们让外层 div `.outer` 的高度和宽度都为 100%，这样它就会铺满整个屏幕。最后，我们让内层 div `.inner` 的高度和宽度也都为 100%，这样它就会铺满外层 div。通过这种方式，我们就可以实现一个铺满屏幕的 div，同时还有一个外层 div 包裹。