div css铺满全屏—css铺满整个页面：代码示例

1、要实现将div元素铺满整个页面，我们可以使用CSS中的position属性来控制元素的定位。通过设置元素的position为fixed，并将其top、bottom、left和right属性都设置为0，可以使元素覆盖整个页面。

示例代码如下：

div {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

2、上述代码中，我们首先选中了所有div元素，并为其设置了position属性为fixed，这样可以使元素相对于浏览器窗口进行定位。接着，我们将top、bottom、left和right属性都设置为0，这样就将元素的上、下、左、右四个边缘都与窗口的对应边缘重合，从而实现了铺满整个页面的效果。

通过使用这段代码，我们可以将任意一个div元素铺满整个页面。例如，如果我们有一个id为"full-screen"的div元素，可以通过给其添加上述的CSS样式来实现铺满整个页面的效果。

示例代码如下：

<div id="full-screen"></div>
<style>
#full-screen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
</style>

这样，id为"full-screen"的div元素就会铺满整个页面。