Question

我正在尝试弄清楚如何添加延伸到页面边缘的背景，无论大小如何，例如网站http://www.wisemanpanel.co.nz/

我正在谈论以绿色突出显示的这个特定区域

我一直在查看源代码，但我找不到专门针对该部分的内容，也尝试过点击右键 - ＆gt;检查，但仍然没有找到太多，也许我的研究技能很差。

我想要一个基本的例子，如果有人能提供html / css会是什么样的话？

Answer 1

这只是一个应用于标签<body>的背景图片，水平重复（background-repeat: repeat-x;）

右键单击 - ＆gt; inspect-＆gt; body代码，您会看到：）

Answer 2

如果您检查他们的代码，您会看到他们的<body>的{{1}}宽度为10px（但也可能是1px）并且水平重复：

这是我经常使用的一个老技巧。考虑this very simple jsfiddle使用相同的图像：

HTML：

background-image

CSS：

<div id="content">
  <div id="top">
    TOP BAR
  </div>

  <div id="middle">
    Content !!
  </div>
</div>