CSS 对齐问题

Question

抱歉，如果这是一个简单的解决方案，但我的大脑今天似乎不工作，我就是无法使其正常工作。

问题：我正在尝试一种带有 2000 像素标头的新设计，可以在较大的显示器上呈现横向效果。

然而，当我在较小的显示器上查看设计时，整个标题 div 偏离中心，因此无法看到某些菜单。

内容 div 显然位于显示器的中心，但是我似乎无法找到解决方案来确保它与标题 div 的中心对齐。

我附上了一张图片来帮助解释这种情况。

Answer 1

试试吧，

HTML

<div id="container">
<div id="header"></div>
<div id="content"></div>
</div>

CSS

#container{
width:1920px; //any other value.
margin:0 auto;
}

Answer 2

我假设你的图像CSS将其放置在左上角，只需将其移动到顶部中间[或者是中心]，你应该没问题。

所以背景：url(...)不重复顶部中心