css - css 功能区将自身附加到错误的 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;
    }

既然你给了 position: absolute#ribbon它的父元素需要有相对位置，因为绝对元素的顶部和左侧位置从它的父元素开始，它有position: relative.

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

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