css - 绝对 div 没有正确定位

Question

我有一个 div，它位于另一个 div 内，它应该漂浮在 div 中的所有其他内容之上，并贴在 div 的右侧。为了实现这一点，我必须将 div 定位设置为“绝对”，因为当它设置为“相对”时，它会将所有内容推到它的一侧。

但是，当定位设置为绝对时，div 定位不正确，并粘在 div 的左侧而不是右侧，从而导致可用性问题。使用相对定位时，div 定位正确，但不是绝对定位。

我尝试将 margin-left 设置为 div 的宽度，但 div 的大小可以根据页面使用的模板而改变。我已经尝试适当地设置 margin-right 属性，但是当浏览器调整大小时 div 会移动。

预期结果：http : //puu.sh/479u1.png（这使用 margin-right 来定位它，但这样做是为了简单地显示预期会发生什么 - 由于浏览器运行时导致的意外移动，因此无法使用调整大小）

浮动 div 的 CSS 代码：

    .GBDragBoxOptions
    {

        position: absolute;
        z-index: 99;
        float: right;
        width: 400px;

    }

score 2 · Accepted Answer

2

Float 对绝对定位的元素没有任何作用。

使用right: 0;代替float: right;

于 2013-08-21T10:57:53.247 回答

score 2 · Accepted Answer

如果要将 div 定位到右侧，则只需使用 "right: 0px;" 或类似的东西，结合“位置：绝对；”。只要父 div 以某种方式定位（即相对），那应该做你想要的。

score 0 · Accepted Answer

这是一个绝对的 div，所以为什么要浮动，使用 top 和 right

.GBDragBoxOptions
    {
    position: absolute;
    z-index: 99;
    width: 400px; 
    top:100px;
    right: 50px;
    }

3 回答 3