我的网站导航需要浮动到容器的右侧,但处于固定位置,以便每当页面滚动时,导航仍位于顶部350px的右侧。这个工作,直到我申请position:fixed
,之后导航卡在右侧。任何想法,我怎么能有两全其美(右边,固定位置)?浮动导航右侧的固定位置?
11
A
回答
38
的位置用法:固定需要调整顶部/右/下/左CSS的导航元素获取到所需的位置。
例如:
nav {
right: 0;
top: 50%;
}
或
nav {
right: 0;
top: 0;
}
-1
方法X:
只需创建另一个部门内所需的除法。
给定位置:固定;宽度:100%;属性到外部div。
给浮动:正确;财产的内部股利。
由于float和position属性被赋予两个不同的分区,所以它会生效。确保两个部门的所有其他属性相同。
(隐藏外层div,改变其α值(a)中的颜色以与0.00 HSLA代码的)
相关问题
- 1. 浮标导航到徽标的右侧
- 2. 固定标题+固定右侧导航+流体内容区域
- 3. 布局其中头部固定位置,内容位于中心位置,用户导航位于右侧
- 4. 列表(导航)的项目不会伸展div右侧浮动
- 5. 浮动Bootstrap导航栏链接到左侧的移动和右侧桌面上
- 6. HTML/CSS:固定位置溢出并浮动右边
- 7. 如何将标题导航标记浮动到右侧?
- 8. 如何将导航栏标题浮动到右侧
- 9. 固定导航下的固定导航固定导航
- 10. CSS主要内容右侧的固定位置
- 11. 角材料固定侧导航
- 12. 固定页脚与侧面导航栏
- 13. Bootstrap将导航栏右侧
- 14. 底部固定浮动侧栏
- 15. 浮动导航链接到右边
- 16. 固定导航栏浮动,下拉菜单,左右页边距不正确
- 17. 浮动按钮右侧
- 18. Bootstrap导航栏左侧固定不固定
- 19. 在MaterializeCSS中滚动时更改导航栏固定位置
- 20. 文本漂浮到右侧,而不是旁边导航
- 21. 位置谷歌地图与侧边栏右侧固定头顶部
- 22. 有些物品的Flexbox导航位于左侧,一些物品位于右侧
- 23. 停止固定在页面顶部的浮动导航栏
- 24. 定位导航栏,使其固定
- 25. 固定定位符导航菜单
- 26. 固定下拉菜单不会浮到右侧
- 27. 根据屏幕宽度将侧导航移动到右侧
- 28. 固定宽度的浮动右侧标题,并且没有换行
- 29. 混合浮动和固定定位
- 30. 右侧导航按钮上的徽章
[A良好的解决方案](http://www.profilepicture.co.uk/sticky- sidebar-jquery-plugin /)并且非常简单。与'position:absolute'一起使用它。 – Vucko 2013-02-20 23:19:00
看来Vucko的链接不再起作用,并且该项目已移至https://github.com/p-m-p/jQuery-Stickybox – Teepeemm 2015-07-28 15:23:35