一列固定宽度布局和背景图片绝对定位

一列固定宽度布局和背景图片绝对定位的完整攻略如下。

设置容器宽度

首先，我们需要设置容器的宽度。这可以使用CSS中的width属性进行设置。例如，我们可以将容器的宽度设置为960像素：

.container {
  width: 960px;
}

添加背景图片

接下来，我们需要添加背景图片。这可以使用CSS中的background-image属性进行设置。例如，我们可以添加名为background.jpg的背景图片：

.container {
  background-image: url('background.jpg');
}

调整背景图片位置

背景图片默认情况下位于容器的左上角。如果我们想将其移动到其他位置，可以使用CSS中的background-position属性进行设置。例如，我们可以将背景图片位置设置为在容器中水平居中：

.container {
  background-image: url('background.jpg');
  background-position: center;
}

绝对定位

我们可以使用CSS中的绝对定位来将一个元素精确定位在另一个元素的特定位置。我们将背景图片设置为绝对定位，并将其铺满整个容器。这可以使用CSS中的position、top、right、bottom和left属性进行设置。例如，我们可以将背景图片设置为在容器的左上角，并将其宽度和高度设置为容器的宽度和高度：

.container {
  position: relative;
  width: 960px;
  height: 400px;
}

.container::before {
  content: "";
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

在这个例子中，我们使用了CSS伪元素::before来插入我们的背景图片。我们将其定位到容器的左上角，并使用width和height属性将其大小设置为容器的宽度和高度。

下面是另一个示例，此示例将背景定位于容器的右下角：

.container {
  position: relative;
  width: 960px;
  height: 400px;
}

.container::before {
  content: "";
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
}

在这个例子中，我们使用了bottom和right属性将背景图片定位到容器的右下角，并使用width和height属性将其大小设置为容器宽度和高度的50%。

综上，以上就是一列固定宽度布局和背景图片绝对定位的完整攻略。