CSS是一种用于创建网页布局和样式的技术。在CSS中，大家可以使用背景图片来创建一个漂亮的网页布局，但有时候大家会遇到背景图片超出页面的问题。下面，大家将介绍一些解决方法。
方法一：使用绝对定位
大家可以使用绝对定位来将背景图片固定在某个位置，而不超出页面。具体步骤如下：
1. 将背景图片设置为绝对定位。
“`css
background-position: center top;
2. 将需要显示背景图片的HTML元素设置为伪元素，以便将其放在正确的位置。
“`html
<div>
<div>这里是内容</div>
</div>
这种方法可以帮助大家避免背景图片超出页面。但是，这种方法有一个缺点，就是它只适用于简单的布局。
方法二：使用伪元素和百分比
大家可以使用伪元素和百分比来创建复杂的布局，同时避免背景图片超出页面。具体步骤如下：
1. 将背景图片设置为伪元素。
“`css
background-position: center top;
2. 将需要显示背景图片的HTML元素设置为伪元素，并使用百分比确定其高度。
“`html
<div>
<div>这里是内容</div>
</div>
这种方法可以创建复杂的布局，同时避免背景图片超出页面。但是，这种方法需要一定的CSS编程技能，并且需要更多的代码。
综上所述，使用绝对定位和伪元素是CSS背景图片不超出的常用方法。