HTML/CSS之谜？Can'；t计算调用大小的位置

我被要求尝试修改一个页面，以便在其他地方使用

基本上，除了一个我无法解开的谜团之外，我所做的一切

我基于的页面是

请注意顶部的大图像，它描绘了一个地雷船世界。好的，基本上我不能让它填满整个屏幕的宽度（它需要在另一个项目中是一个特定的大小）。但我一辈子都找不到控制的地方，底部的蓝色页脚也是如此

因此，如果有人能帮我找出这些元素的宽度被称为哪条线，那就太好了

（我希望这是我忽略的一件非常明显的事情）

---

感谢

这两张图片都有背景，而且由于没有设置背景大小属性，浏览器只使用图像文件的完整宽度，并在html对象结束的位置裁剪图像。因此，页眉图片的宽度为1600px，页脚图片的宽度为1169px。但显示的大小取决于视口宽度。

以下css添加图像：

.pager {
  background: url(../images/slide1.jpg) center center repeat-x;
  padding: 50px 0 50px 0;
}

html如下所示：

<div class="pager">
  <div class="wrapper">
    <div class="pager-title l">
      <h1>The Burrow</h1>
      <p>Tutorials, lessons, resources and a whole lot more!</p>
    </div>
    <div class="test-text r">
      <h2>By far the best Aussie host I've ever used! No lag at all!<img src="images/bulate2.png" alt="" style="position:relative; margin-left:10px; margin-top:-15px;"></h2> 
      <p>— Jeremy, <a href="#">EmuCraft Australia</a></p>
    </div>
    <div class="c"></div>
  </div>
</div>

地洞
教程、课程、资源和更多

到目前为止，这是我用过的最好的澳大利亚主持人！完全没有滞后！
-杰里米

您可能希望将pager div放入包装器div中，如下所示：

<div class="wrapper">
  <div class="pager">
    <div class="pager-title l">
      <h1>The Burrow</h1>
      <p>Tutorials, lessons, resources and a whole lot more!</p>
    </div>
    <div class="test-text r">
      <h2>By far the best Aussie host I've ever used! No lag at all!<img src="images/bulate2.png" alt="" style="position:relative; margin-left:10px; margin-top:-15px;"></h2> 
      <p>— Jeremy, <a href="#">EmuCraft Australia</a></p>
    </div>
    <div class="c"></div>
  </div>
</div>

地洞
教程、课程、资源和更多

到目前为止，这是我用过的最好的澳大利亚主持人！完全没有滞后！
-杰里米

---

或者类似的，但是你必须对页脚做同样的操作

css:59

background:url（../images/slide1.jpg）中心重复-x完美，谢谢！我就知道会是这样的