标志＆＃39;坚持＆＃39;到我的导航栏

Question

我被分配了一个小的HTML项目，我对徽标和导航栏之间的关系感到困惑。 徽标应该有自己的位置，但它似乎坚持导航栏，无论我尝试应用什么修复。

我尝试取消嵌套div，并将其作为独立div使用而不使用.body >，但它只是不想取消导航杆

我创建了一个JSFiddle here，但它仍然没有真正显示问题。

我做错了什么？

Answer 1

现在查看更新，问题在于定位，

body > .navbar {
    position:inherit;
    background-color:#CCCC99;
    width:100%;
    height:40px;
}

body > .logo {

    width:310px;
    margin:20px
}

http://jsfiddle.net/gKFEL/1/

Answer 2

尝试更改为

body > .logo {
position:fixed;
margin-top:-140px;
width:310px;
}

Fiddle Here