首先，我想知道是否有人能说十个问题的速度快。
这应该很容易。我一直在搜寻，虽然有很多教程，但我在总体上难以理解。我什至还看了看似相关的其他一些SO问题，但无法使其正常工作。
我有3层。 header，menu，body。当然，实际的应用程序要复杂得多。但是出于这个问题，这是足够的数据。
整个页面本身会填充100% width，但是每个部分中的内容将固定为1024px宽。这可以通过众所周知的margin: 0 auto;样式轻松完成。因此，这不是问题。
这是窍门。中间层，menu。我希望菜单重叠标题和内容之间的边界。现在，这样做也不太困难。我只是绝对定位菜单，然后按100px使其下移以使其达到正确的垂直对齐方式。
我似乎无法实现的是horizontal块的1024px对齐方式。我提供了一个小提琴和一个预期输出的图像（请注意，jsfiddle的默认预览窗格的宽度不是1024px，因此乍一看似乎可以正常工作）
更新资料
按照this post上的说明，我可以使它工作。但这仅在Chrome中起作用。
http://jsfiddle.net/dE8xE/
所需的输出（颜色被夸大以突出和区分）
最佳答案
#site-menu {
background-color: #fff;
height: 64px;
position: absolute;
top: 100px;
display: block;
width: 1024px;
/ *固定宽度时，一切都很容易* /
left: 50%;
margin-left: -512px;
}