如何让div保持在最大宽度内并始终位于顶部

Question

我不完全确定如何在技术术语中描述我的问题，但我不知道如何执行它。我有一个div，我想在页面上定位。它应该保持在另一个具有最大宽度的div内。所以当浏览器窗口增加时，div中的div永远不会超出其他div的最大宽度。

但是，当你减小浏览器窗口的大小，我不希望这个div被隐藏。我希望它保持在所有内容之上，并将其自身对准浏览器窗口的边缘。

这有道理吗？我有一个形象：

的黑色矩形不走一定的最大宽度之外。当浏览器较小时，它会对着浏览器边缘推进并始终保持可见状态。

我该怎么做？提前致谢。

Answer 1

HTML

<div class="main"> 
    <div class="Parent"> 
    </div> 
</div> 

CSS

.Parent{ 
    width:200px; 
height:100px; 
background:red; 
position:absolute; 
right:0; 
top:200px; 
} 
.main{ 
    width:700px; 
    margin:auto; 
    height:1000px; 
    background:blue; 

} 

DEMO

Answer 2

尝试是这样的：

http://jsfiddle.net/Mk9KV/