デザインに影響を与えないように、divを正しくフロートさせる

ページ上部のdivを右に浮かせたいと思っています。50pxの正方形の画像が入っていますが、現状ではページの上部50pxのレイアウトに影響を与えています。

現在、その

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

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

何か簡単なことが欠けているのはわかっているのですが、どうしてもうまくいきません。

GEOCHET
編集された質問 30日 1月 2013 в 3:24
プログラミング
html css css-float
21日 11月 2008 в 11:35
2 ビュー
ソリューション

インパクトというのはどういうことですか？フロートの周りをコンテンツが流れていく。そのような仕組みになっています。

もし、デザインの上に表示させたいのであれば、settingを試してみてください。

z-index: 10;  
position: absolute;  
right: 0;  
top: 0;
grg
編集した答え 5日 4月 2015 в 6:03
解説 (1)

画像がレイアウトに全く影響を与えない（他のコンテンツの上に浮いてしまう）ようにしたい場合は、以下のCSSを画像に適用することができます。

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

画像を特定の親セクションの右に浮かせたい場合は、そのセクションに position: relative を追加します。

EoghanM
編集した答え 21日 11月 2008 в 3:37
解説 (7)

その position を absolute にしてみてください。そうすると、ドキュメントの流れから外れます。

解説 (0)