我有一个居中的网页(使用margin:0 auto;在'wrapper DIV'上),它有一个长边菜单。 一个页面模板需要一个广泛的内容区域,因此我尝试在顶部添加一个链接,该链接将切换显示侧面菜单(使用jquery),因此如果单击它将显示在主页面内容的顶部。
如果我使用'position:absolute;'我可以实现这一点在#sidemenucontainer DIV上但是如果我使用相对定位(所以它在相对于居中布局的正确位置,即:没有卡在浏览器的左上角),那么它将主页内容推到菜单下面,而不是出现在页面“上方”。
如果需要,我可以准备一些示例代码,但我希望上述内容有意义。我确定我错过了一些明显的东西。 谢谢!
答案 0 :(得分:0)
绝对意味着相对于最近的相对定位的父div的绝对值。
通过为您的包装提供position
relative
和侧边菜单position
absolute
,您将在包装器中定位侧边菜单。
您需要绝对定位侧边菜单,以便将其移动到其他项目的顶部,在本例中为主要内容。
以下是一个示例:http://jsfiddle.net/RLcFf/