浮动导航到右边有固定位置?

时间:2013-02-20 23:16:31

标签: css position css-float css-position

我的网站导航需要浮动到容器的右侧,但是处于固定位置,这样无论何时页面滚动,导航仍然是从顶部开始的右侧350px。这一直有效,直到我应用position:fixed,之后导航卡在右侧。任何想法我如何才能拥有两全其美(右侧和固定位置)?

http://jsfiddle.net/eeCgr/

2 个答案:

答案 0 :(得分:43)

使用position:fixed需要调整顶部/右侧/底部/左侧CSS以使您的nav元素到达所需位置。

例如:

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

nav {
    right: 0; 
    top: 0;
}

答案 1 :(得分:2)

方法X:

在另一个部门内创建所需的部门。

给出位置:固定;宽度:100%;外部div的属性。

给浮动:对;属于内部div。

由于float和position属性被赋予两个不同的分区,因此它将生效。确保两个部门的所有其他属性完全相同。

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