css功能区将自己附加到错误的div上

Question

直接点。 CSS功能区应该将自己附加到右边的div上，但它会自动附加到左边的div上，原因不明。我已经尝试了几乎所有的东西，但无法弄清楚。这一定是很容易有人用更高的理解CSS的..所以..

下面是代码：http://jsfiddle.net/pcpEK/ 并全面预览：http://jsfiddle.net/pcpEK/embedded/result/

任何帮助是极大的赞赏:)

Answer 1

添加position: relative和padding-top到 -

#sidebar { 
     float:right; 
     width:220px; 
     padding:90px 0 0 0; 
     position: relative; 
    } 

因为你给的位置是：绝对给#ribbon其父需要有相对位置，是导致绝对元素的顶部和左侧位置从其具有position: relative的父元素开始。

如果父元素没有相对位置的绝对定位的元素需要它的位置从身体

DEMO：http://jsfiddle.net/pcpEK/2/