jquery - div 将显示在右上角，无论分辨率如何，浏览器何时最小化，并且不应覆盖在左侧 div 上

Question

CSS：

.divStudents{
  float: left;
  width :83%
}

.divSelection{
  float :left;
  width:17%;
  position : absolute;
  left: 1150 px;
}

的HTML：

<div class="divStudents"></div>
<div class="divSelection"></div>

我的网页中有两个 Div 1. divStudent 2. divSelection 和上面的类。

当我加载我的页面时，只会显示 divSelection，它应该显示在页面的右上角。我的 divSelection 中有一些控件（下拉菜单和单选按钮），根据这些控件，divStudents 将加载到页面的剩余部分（即页面的左侧）。

在正常分辨率下一切正常，但是当分辨率更改为较低分辨率或者我最小化浏览器时，divSelection 会显示在页面的右上角，带有滚动条，有时它不可见。

我尝试了以下解决方案，但它给出了覆盖问题。

在 divSelection 中使用 right:0 而不是 left : 1150 px，但它覆盖在 divStudent 中。

有没有办法做到这一点。

score 0 · Accepted Answer

更改 CSS

.divSelection{
  float :left;
  width:17%;
  position : absolute;
  left: 1150 px;
}

至

.divSelection{
  float :right;
  width:17%;
}

它一定会在右侧，并且由于百分比，宽度也将保持调整。看看有没有帮助

1 回答 1