Bootstrap在div中固定了navbar

ein*_*zig 7 html javascript twitter-bootstrap

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">
        [...]
Run Code Online (Sandbox Code Playgroud)

但是如果我在我的测试页面中做同样的事情,导航栏"逃脱"div并固定在身体的顶部,而不是div的顶部.它是如何实现的?

ein*_*zig 11

好想通了.如果您附加任何一个,那么父元素容器必须具有position: relative,导航栏必须具有position: absolute,.navbar-fixed-top或者.navbar-fixed-bottom它将相对于父元素而不是相对于整个页面固定.是啊!

  • 这对我有用,除了我的div已经溢出并且导航栏不会随之滚动.你有抗争吗? (2认同)