[分享]css内容没有把背景撑起

在网页开发中，我们经常会使用CSS样式来美化页面。而其中一个常见的问题就是背景没有撑满整个页面或者某个元素内部。那么这个问题怎么解决呢？/ 没有撑满整个页面 / body, html { height...

在网页开发中，我们经常会使用CSS样式来美化页面。而其中一个常见的问题就是背景没有撑满整个页面或者某个元素内部。那么这个问题怎么解决呢？

/* 没有撑满整个页面 */
body, html {
  height: 100%;
  margin: 0;
}
.wrapper {
  height: 100%;
  background-color: #eee;
}

/* 没有撑满某个元素内部 */
.container {
  overflow: auto;
  background-color: #eee;
} 

在以上的代码中，我们分别解决了两个问题。

要让背景撑满整个页面，我们需要设置html和body元素的高度为100%。同时将margin设置为0，避免出现多余的空白。接着，在容器元素中同样设置高度为100%以占满整个页面，并设置背景颜色。

当某个元素内部的背景没有撑满时，我们可以使用overflow属性来实现。将容器元素的overflow设置为auto或者hidden即可。

通过以上方法，我们可以轻松解决背景没有撑满页面或元素的问题。