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/