在我的真实网站中，我有实际的内容，但这个例子应该足够了。 LOGO实际上是徽标图像。工具栏也是一个图像。我使用以下代码将工具栏保持在底部，只需使用bottom：0而不是top：35px。我基本上希望工具栏能够粘在页面顶部，只能被徽标向下推。当uesr向下滚动时，工具栏应保持在页面顶部。所有内容都应该在工具栏下流动，因此高z-index。我拥有它的方式工具栏整个下降35px。我知道原因，但我不知道如何实现我的目标。
<html>
<head>
<style type="text/css">
#logo {
width:100%;
height:34px;
}
#toolbar {
position: fixed;
top: 35px;
z-index:1000;
}
</style>
</head>
<body>
<div id="logo">LOGO</div>
<div id="toolbar">TOOLBAR</div>
<div id="content">
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
<p>lorem ipsum doler</p><br />
</div>
</body>
</html>