CSS 定位 : Full-width header shall have the same left margin as the centered content-div

Question

我被困住了，希望有人有一个我没有想到的简单解决方案:-)

1. 我有一个 1040 像素居中的 div，用于页面内容、菜单和页脚。
2. 标题图像应与内容 div 具有相同的左边距并向右侧增长(对于具有更高屏幕分辨率的图像)

有什么方法可以使用 CSS 来做到这一点吗？我知道，我可以用 javascript 计算内容框的左边距并动态设置页眉边距，但我更喜欢 css 解决方案。

问候， 马丁

Answer 1

为什么不直接将页眉放在站点容器之外？

然后给它一个 100% 的宽度和一个 1040px 的最小宽度。 (或拉伸(stretch)背景图像，具体取决于它是一种颜色还是图像。)

你是这个意思吗？顺便说一句，也许可以发布 HTML 和 CSS。