Css 当窗口的大小变小时，位于右侧的div绝对值将超过左侧div

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

#topright {

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

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

然后，还有一个主要的contentdiv容器，它将所有其他内容放在一起

#maincontainer {

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

因此，我的问题如下：我希望在调整窗口大小时，右上角div保持在窗口的右上角。但是，当窗口变小时，我希望它是“有限的”，这样它就不会超过700px maincontainer div。基本上，当窗口的大小调整到700px远离屏幕左侧时，我希望水平滚动条出现，并且右上角div不会阻止来自查看器的maincontainer内容

---

我希望有人能帮忙

这里是一个示例

#主容器一开始不应该使用绝对定位。使用绝对定位无法实现非常自适应的响应。经验法则：只有在绝对必要时才使用绝对定位。