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

时间:2011-08-16 10:49:51

标签: css css-position

我有一个居中的网页(使用margin:0 auto;在'wrapper DIV'上),它有一个长边菜单。 一个页面模板需要一个广泛的内容区域,因此我尝试在顶部添加一个链接,该链接将切换显示侧面菜单(使用jquery),因此如果单击它将显示在主页面内容的顶部。

如果我使用'position:absolute;'我可以实现这一点在#sidemenucontainer DIV上但是如果我使用相对定位(所以它在相对于居中布局的正确位置,即:没有卡在浏览器的左上角),那么它将主页内容推到菜单下面,而不是出现在页面“上方”。

如果需要,我可以准备一些示例代码,但我希望上述内容有意义。我确定我错过了一些明显的东西。 谢谢!

1 个答案:

答案 0 :(得分:0)

绝对意味着相对于最近的相对定位的父div的绝对值。

通过为您的包装提供position relative和侧边菜单position absolute,您将在包装器中定位侧边菜单。

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

以下是一个示例:http://jsfiddle.net/RLcFf/