绝对div定位不正确



我有一个位于另一个div中的div,它应该浮动在该div中所有其他内容的上方,并停留在div的右侧。为了实现这一点,我必须将div定位设置为"绝对",因为当它设置为"相对"时,它会将所有内容推到它的一侧。

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

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

预期结果:http://puu.sh/479u1.png(这使用了右边的空白来定位它,但这样做只是为了简单地显示预期会发生什么——由于调整浏览器大小时会出现意外移动,因此无法使用)

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

浮动div的CSS代码:

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

如果您想将div定位在右边,那么只需使用"right:0px;"或类似的词,并结合"position:absolute;"。只要父div以某种方式(即相对)定位,就应该按照您的意愿进行定位。

Float对绝对定位的元素不执行任何操作。。

使用right: 0;而不是float: right;

这是一个绝对的div,所以为什么要浮动,使用顶部和右侧的

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

最新更新