我正在尝试修复它,div所以它总是粘在屏幕的顶部,使用:
position: fixed;
top: 0px;
right: 0px;
但是,div它位于一个居中的容器内.当我使用position:fixed它时,修复了div浏览器窗口的相对位置,例如它在浏览器的右侧.相反,它应该相对于容器固定.
我知道position:absolute可以用来修复相对于它的元素div,但是当你向下滚动页面时,元素会消失,并且不会像上一样粘在顶部position:fixed.
是否有实现此目的的黑客或解决方法？
在bootstrap文档中,他们能够"陷入" .navbar-fixed-top他们的.bs-docs-examplediv 内部:
<div class="bs-docs-example bs-navbar-top-example">
<div class="navbar navbar-fixed-top" style="position: absolute;">
<div class="navbar-inner">
[...]
但是如果我在我的测试页面中做同样的事情,导航栏"逃脱"div并固定在身体的顶部,而不是div的顶部.它是如何实现的？
我正在使用Twitter Bootstrap和您在指南中看到的常规导航栏:http://twitter.github.io/bootstrap/components.html#navbar
我不希望导航向左或向右延伸,而是留在我可以看到两侧的地方,就像在指南中一样.唯一的区别是它将固定在顶部.
我想知道,我如何让它变成一个固定的导航栏,好像我在使用这个navbar-fixed-top类一样？