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

Question

直截了当。 CSS功能区应该将自己附加到右侧边栏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。

如果父元素没有相对位置，则绝对定位元素从body

获取其位置

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