如何在最大宽度内保持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/