当窗口调整为较小时,右侧的div绝对位于左侧div上方

时间:2012-08-07 19:03:11

标签: css html resize window css-position

我的网页上有一个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主容器div。基本上,当窗口调整为远离屏幕左侧700px时,我希望水平滚动条显示,而顶部div不会阻挡查看器中的主容器内容。

我希望有人可以提供帮助!

1 个答案:

答案 0 :(得分:0)