为什么H4元素在此HTML中不可见？

在下面的HTML中，注册元素被顶部栏隐藏。它不应该自动出现在顶栏下面吗？如果我在它之前添加，它将显示良好。为什么它没有出现在顶栏下面

象素2 注册 电子邮件

暗语

密码确认

提交

---

div.topbar是position:fixed，它使其脱离正常流，因此不会影响其后任何内容的位置。

如果您在twitter.com中注意到，在滚动时，顶栏是固定的。这同样适用于这里，因为您使用的是引导；它由引导样式表中的position:fixed样式支持。正如昆廷所说，这会导致顶部栏从正常的元素流中移除，因此它不会向下推其余的内容

---

您的标记用于向下推送内容，为顶部栏留出空间，但填充页面内容的更好方法是在内容中添加顶部填充或顶部边距。

我为顶部栏添加了一个父div，指定了.topbar的高度和相对位置，效果非常好

    <header> 
        <div class="topbar-wrapper" style="z-index: 5;"> 
            <div style="height:40px; position:relative;"><div class="topbar"> 
                <div class="container fixed"> 
                    <h3><a class="logo" href="">Project Name</a></h3> 
                    <nav> 
                        <ul> 
                            <li class="active"><a href="">Home</a></li> 
                            <li><a href="/users/sign_up">Sign up</a></li> 
                            <li><a href="/users/sign_in">Sign in</a></li> 
                        </ul> 
                    </nav> 
                </div>
                </div> 
            </div> 
        </div> 
    </header> 

---

没过多久Twitter引导就出现了。你的注册就在顶栏后面。