css - 将窗口调整为较小时，绝对位于右侧的 div 会超过左侧 div

Question

我的网页上有一个具有以下属性的div:

#topright {

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

“topright”div 的功能是用作导航栏。

然后是主要的内容 div 容器，它将其他所有内容放在一起。

#maincontainer {

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

所以我的问题如下:我希望 topright div 在调整窗口大小时保持在窗口的右上角。但是，我希望它在窗口变小时“受限”，这样它就不会超过 700px maincontainer div。基本上，当窗口的大小调整为距屏幕左侧 700 像素时，我希望水平滚动条出现并且右上角的 div 不会阻挡查看器的主容器内容。

希望有人能帮忙!

Answer 1

这是例子 http://jsfiddle.net/mnSGZ/1/