デザインに影響を与えることなく、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を絶対値に設定してみてください。それは文書の流れからそれを取ります。