我的网页上有一个具有以下属性的 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;
}
所以我的问题如下：当窗口被调整大小时，我希望右上角的 div 贴在窗口的右上角。但是，当窗口变小时，我希望它是“有限的”，这样它就不会超过 700px 主容器 div。基本上，当窗口的大小调整到距屏幕左侧 700 像素时，我希望水平滚动条出现，并且右上角的 div 不会阻止查看器的主容器内容。
我希望有人能帮帮忙！