将固定的navigation-div与右外部div对齐

时间:2014-06-25 00:05:32

标签: html css

导航栏粘贴在container-div的左侧。但我希望它坚持正确。我尝试了几件事,但都没有奏效。所以这是准系统代码。 如何才能获得一个固定在右侧的导航栏,正好结束了我的container-div结束的位置?

PS:必须修复它,因为无论用户向下滚动多少,我都希望导航保持在浏览器窗口的顶部。

#container {
    margin: 0 auto;
    width: 820px;
}

#navigation {
    position: fixed;
    z-index: 10000;
    display:block;
}

1 个答案:

答案 0 :(得分:0)

好的,我猜测了你的HTML代码并为你构建了这个代码:http://jsfiddle.net/vdL6b/

从我能想象到的你想要实现的目标,可以通过两种解决方案中的一种来实现:

  1. 删除position:fixed;并将float: right;添加到导航CSS。
  2. 添加right: 0;以定义位置。
  3. 我选择后者。 Here's an example使用第一个。