DIV絕對定位在右側越過時，調整窗口左格小

Question

有在我的網頁一個div具有以下屬性：

#topright { 

position: absolute; 
top: 0; 
right: 0; 
width: 250px; 
height: 400px; 
background-color: blue; 
} 

的「topright」分區的功能是作爲一個導航欄。

然後，主要內容div容器將所有其他東西放在一起。

#maincontainer { 

position: absolute; 
left: 0; 
width: 700px; 
} 

所以我的問題是以下幾點：當窗口被調整大小時，我想讓topright div粘貼到窗口的右上角。但是，我希望它是「有限」，當窗戶變得更小，所以它不會超過700px maincontainer div。基本上，當窗口的大小調整到距離屏幕左側700px時，我希望水平滾動條出現，並且topright div不阻擋查看者的主容器內容。

我希望有人能幫助！

Answer 1

這裏是示例http://jsfiddle.net/mnSGZ/1/