Html 如何在滚动时将菜单栏固定在顶部

我想制作一个菜单栏，滚动时固定在页面顶部。类似于Facebook的顶级菜单

---

另外，我想要一个div，在菜单栏的左边放一个logo float，在菜单栏的右边放一个nav float

要在固定位置设置div，可以使用

 #header {
        top:0;
        width:100%;
        position:fixed;
        background-color:#FFF;
    }

    #content {
        position:static;
        margin-top:100px;
    }

position:fixed
top:0;
left:0;
width:100%;
height:50px; /* change me */

---

这应该让你开始

 <div class="menuBar">
        <img class="logo" src="logo.jpg"/>
        <div class="nav"> 
            <ul>
                <li>Menu1</li>
                <li>Menu 2</li>
                <li>Menu 3</li>
            </ul> 
        </div>
    </div>



body{
    margin-top:50px;}
.menuBar{
    width:100%;
    height:50px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    }
.logo{
    float:left;
    }
.nav{
    float:right;
    margin-right:10px;}
.nav ul li{
    list-style:none;
    float:left;
    }

菜单1
菜单2
菜单3

身体{
页边距顶部：50px；}
梅努巴先生{
宽度：100%；
高度：50px；
显示：块；
位置：绝对位置；
排名：0；
左：0；
}
.标志{
浮动：左；
}
.导航{
浮动：对；
右边距：10px；}
李国荣先生{
列表样式：无；
浮动：左；
}
位置：绝对标记相对于元素的直接父元素定位元素。
我注意到，即使在示例中，也没有滚动的空间，当我尝试时，它也不起作用。
因此，要退出facebook浮动菜单，
位置：fixed标记。它将元素替换/保持在给定/指定的位置，页面的其余部分可以平滑滚动，即使是响应的部分也是如此

请查看您何时可以：）
通过给出位置修正，不要询问StackOverflow上的任何现成代码，请先尝试，如果您有错误，请将代码粘贴到StackOverflow上，或者为菜单栏询问错误。这就是我要找的。感谢此代码没有回答问题。滚动时它不会保持固定。至少您需要使用
位置：fixed
。我不知道为什么这会有投票权，为什么这是公认的答案，除了“这只是一些让你开始的代码”。是的，这是我心中的答案（如果他的意思是固定的），但如果他的意思是固定的，那么答案应该是位置：固定