web-dev-qa-db-ja.com

デザインに影響を与えることなく、divを適切にフロートする

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

現在、その:

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

それが答えになると思ったので、z-indexを試しましたが、うまくいきませんでした。

私はそれが不足している単純なものであることを知っていますが、私はそれを釘付けすることができないようです。

26
NikolaiDante

影響とはどういう意味ですか?コンテンツはフロートの周りを流れます。それが彼らの働きです。

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

z-index: 10;  
position: absolute;  
right: 0;  
top: 0;
58
Richard Garside

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

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

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

10
EoghanM

positionを絶対値に設定してみてください。それは文書の流れからそれを取ります。

3
nickf