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

标签 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 maincontainer div。基本上,当窗口的大小调整为距屏幕左侧 700 像素时,我希望水平滚动条出现并且右上角的 div 不会阻挡查看器的主容器内容。

希望有人能帮忙!

最佳答案

关于css - 将窗口调整为较小时,绝对位于右侧的 div 会超过左侧 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11852415/

相关文章:

html - 将 div 置于其他内容之上

javascript - 使用 javascript 添加到 css

javascript - 让我的背景图片加载更快

html - 当我们不知道屏幕尺寸时,如何将 div 的位置设置为居中?

jquery - 简单的 jQuery 在 cakephp 中不起作用

jquery - 根据所选 OPTION 的宽度自动调整 SELECT 元素的大小

jquery - 根据手机的显示方式更改文本大小

javascript - 页面加载时的 jQuery textarea 字符倒计时

ios - 如何在用户在 Swift 中键入时调整 UITextField 的大小

image - 将整个 SVG 图像缩放到新尺寸,而无需更新其中所有对象的尺寸