別の div 内にある div があり、div 内の他のすべてのコンテンツの上に浮かび、div の右側にくっつくはずです。これを実現するには、div の配置を「絶対」に設定する必要がありました。「相対」に設定すると、すべてのコンテンツが横に押し出されるためです。
ただし、配置が絶対に設定されている場合、div は正しく配置されず、div の右側ではなく左側に固定され、使いやすさの問題が発生します。相対位置を使用すると、div は正しく配置されますが、絶対位置ではありません。
margin-left を div の幅に設定しようとしましたが、ページが使用しているテンプレートによっては div のサイズが変わる可能性があります。margin-right プロパティを適切に設定しようとしましたが、ブラウザーのサイズを変更すると div が移動します。
期待される結果: http://puu.sh/479u1.png (これは margin-right を使用して配置しますが、これは何が起こるかを簡単に示すために行われました - これは、ブラウザがリサイズ)
実際の結果: http://puu.sh/479ya.png
フローティング div の CSS コード:
.GBDragBoxOptions
{
position: absolute;
z-index: 99;
float: right;
width: 400px;
}