使用固定位置将浮动导航栏对齐到右侧？

Question

我的网站导航需要浮动到容器的右侧，但是保持固定位置，使得当页面滚动时，导航仍然在距离顶部350像素的右侧。 在应用了position:fixed之后，导航被固定在了右侧。 有什么好的办法可以同时实现这两个效果（在右侧并具有固定位置）吗？ http://jsfiddle.net/eeCgr/

- AMC

---

一个好的解决方案并且非常简单。可以使用position:absolute来配合它。 - Vucko

看起来Vucko的链接已经失效了，该项目已经迁移到https://github.com/p-m-p/jQuery-Stickybox。 - Teepeemm

Answer 1

使用 position: fixed 需要调整 top/right/bottom/left CSS 属性，以将您的导航元素放置在所需位置。

例如：

nav { 
    right: 0; 
    top: 50%; 
}

或者

nav {
    right: 0; 
    top: 0;
}

- Brad M

---

正是我在寻找的！ - Zohab Ali

Answer 2

方法X：

在另一个div中创建所需的div。

给外部div设置position:fixed; width:100%;属性。

给内部div设置float:right;属性。

由于浮动和定位属性被赋予了两个不同的div，因此它们会生效。确保两个div的所有其他属性都相同。

(要隐藏外部div，请使用HSLa代码将其颜色的alpha值（a）更改为0.00)

- Emmanuel Lawrence

---

比被接受的答案好多了。谢谢。 - Nealon