css - デザインに影響を与えずに div を右にフロート

Question

ページ上部の右に div をフロートさせたい。50px の正方形の画像が含まれていますが、現在、ページの上部 50px のレイアウトに影響を与えています。

現在、その:

<div style="float: right;">
  ...
</div>

それが答えだと思ってz-indexを試してみましたが、うまくいきませんでした。

欠けているのは単純なことだとわかっていますが、それを釘付けにすることはできません。

Answer 1

インパクトとはどういう意味ですか？フロートの周りにコンテンツが流れます。それが彼らの働き方です。

デザインの上に表示したい場合は、次の設定を試してください。

z-index: 10;  
position: absolute;  
right: 0;  
top: 0;

Answer 2

画像がレイアウトにまったく影響を与えたくない場合 (および他のコンテンツの上に浮かびたくない場合) は、次の CSS を画像に適用できます。

position:absolute;
right:0;
top:0;

特定の親セクションの右側にフロートさせたい場合は、position: relativeそのセクションに追加できます。

Answer 3

position絶対に設定してみてください。これにより、ドキュメントの流れから外れます。