css ribbon 附加到错误的 div

Question

开门见山。 CSS 功能区应该附加到右侧边栏 div，但由于我不知道的原因，它一直附加到左侧。我几乎尝试了所有方法，但无法弄清楚。对于对 CSS 有更高理解的人来说，这一定很容易..so..

这是代码: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: absolute 它的父元素需要有相对位置，因为 absolute 元素的顶部和左边位置从它的父元素开始，它有 position: relative 。

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

演示: http://jsfiddle.net/pcpEK/2/