在居中的网页顶部切换侧边菜单

Question

我有一个居中的网页（使用边距：0 自动；在“包装器 DIV”上），它有一个长侧边菜单。 一个页面模板需要一个广泛的内容区域，因此我尝试在顶部添加一个链接，该链接将切换显示侧边菜单（使用 jquery），因此如果单击它将显示在主页内容的顶部。

如果我使用 'position: absolute;' 我可以做到这一点在#sidemenucontainer DIV 上，但如果我使用相对定位（因此它位于相对于居中布局的正确位置，即：不卡在浏览器的左上角），然后它将主页内容向下推到菜单下方，而不是出现在页面“上方”。

如果需要，我可以准备一些示例代码，但我希望以上内容有意义。我确定我遗漏了一些明显的东西。 谢谢！

Answer 1

Absolute 表示相对于最近的相对定位的父 div 的绝对值。

通过给你的包装器一个position 或relative 和你的侧边菜单一个position 或absolute 你将在包装器内定位侧边菜单。

您需要绝对定位侧边菜单，以便您可以将其移动到其他项目（在本例中为主要内容）的顶部。

这是一个示例：http://jsfiddle.net/RLcFf/