css - CSS 定位：全角标题应与居中的 content-div 具有相同的左边距

Question

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

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

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

问候，马丁

Answer 1

为什么不将标题放在站点容器之外？

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

这是你的意思吗？顺便说一下，也许发布 HTML 和 CSS。

Answer 2

好吧，你的意思是标题确实延伸，但标题内的内容（菜单、徽标等）不像站点容器那样居中。

如果是这种情况，请执行以下操作；

<div id="header">
  <div id="headercontent">
    <img src="logo.png">

    <nav>
      <ul>
      <li>menuitem</li>
      <li>menuitem</li>
      <li>menuitem</li>
      <li>menuitem</li>
      </ul>
    </nav>

  </div>
</div>

对于类似的风格；

#footer{
  width: 100%;
  min-width: 1040px;
  color: [your header color];
}

#headercontent{
[in here you simply put the same styling as the sitecontainer]
}

这是你的意思吗？我希望它有所帮助。