CSS背景自适应占满

CSS背景自适应占满是一种让背景图片或颜色自适应父元素大小的技术。当我们想要设置一个全屏背景图或者想让背景色填充整个页面时，使用背景自适应占满可以达到很好的效果。

body {
  background: url(background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 

在上面的代码中，我们使用了CSS3中的background-size属性，并把它设置为cover。这个属性的作用是让背景图或颜色尽可能大，以充满父元素的内容区域。

另外一个很重要的属性是background-attachment，我们把它设置为fixed。这意味着背景不会随着页面滚动而移动，而是保持固定不变的位置。

div {
  background-color: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
 

如果我们要设置一个颜色作为背景，则可以使用上面的CSS代码。在这里，我们通过绝对定位把div元素的位置固定在页面的顶部和左侧，并且设置宽度和高度都为100%，这样就可以让背景色充满整个页面了。

总的来说，使用CSS背景自适应占满可以让我们更方便地设置背景，不论是图片还是颜色，都可以充满整个页面。还有就是，我们可以在background-size属性中使用其他值，比如contain，它可以让背景图完整地显示在元素内部，而不需要拉伸或压缩。