绝对div无法正确定位

Question

我有一个位于另一个div内的div，它应该漂浮在div中的所有其他内容之上，并且坚持div的右边。为了达到这个目的，我不得不将div定位设置为“Absolute”，因为当它设置为“Relative”时，它会将所有内容推送到它的旁边。

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

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

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

实际结果：http://puu.sh/479ya.png

浮动div的CSS代码：

    .GBDragBoxOptions
    {

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

    }

Answer 1

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

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

Answer 2

如果你想将div放在右边，那么只需使用“right：0px;”或类似的东西，与“position：absolute;”相结合。只要父div以某种方式定位（即相对），那就应该做你想要的。

Answer 3

这是一个绝对的div，所以为什么要漂浮，使用顶部和右边

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