如果您单击此处：http://www.ideagasms.net/index2 您将看到导航菜单围绕横幅图像，就像框架一样。它是使用三个div以这种方式组合在一起的，其中两个是css旋转90度，绝对位置。当然，一旦您调整窗口大小，导航菜单就会中断。
必须有更好的方法来构建类似框架的菜单。一些建议或示例，我只需要有关如何构建这样的东西的想法。也许一个jquery解决方案或其他东西可以解决问题。
您可以将#nav-left和#nav-right位置更改为绝对位置，然后用left: 50%将它们居中（就像您对#headerwrapper所做的那样），并使用边距更正它们的位置，例如margin: 0 auto 20px 122px用于#nav-right。
用position: relative;标记其父元素（但没有任何top/left/bottom/right属性），这样旋转的导航元素将位于其父元素而不是窗口中。
但是，我认为您的导航概念很新颖，但从可用性的角度来看很糟糕（而且在视觉上也没有吸引力），因为人们无法轻松阅读旋转的英文文本。