我有一个位于另一个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;
}