Html 流体标题背景图像

我对流动页面中的标题背景图像有问题。我希望能够看到整个图像，而不考虑浏览器的宽度或标题的内容。我可以得到的图像，以填补100%的宽度。但是，高度将始终调整大小以适应标题的文本内容（当然应该这样做）。我试图实现的是将标题调整为100%宽度，保留调整大小图像的完整高度，并保留其纵横比。

如果您将图像保持在流中，并且实际上使其需要0%宽度，您可能会得到您想要的：

---

密码。我们不是通灵者。为此，图像需要在流程中。我没有包含任何代码，只是因为我尝试过的任何东西都不起作用。非常感谢。这正是我花了几天时间试图实现的目标！！！很明显，这是关于在图像上覆盖文本，而不是利用背景图像。是的，确切地说，内容可能在图像上处于绝对位置，我将其保留在流中，因此如果需要，还可以调整页眉高度

header {
  white-space:nowrap;/* make sure content keeps aside image */
}
header img {
  width:100%;
  margin-right:-100%;/* it will pull at left whats stands on right */
}
header div {
  position:relative;/* bring it up  front */
  z-index:1;/* make sure it's on top */
  display:inline-block;
  vertical-align:top;
  width:100%;
  white-space:normal;
}