Float a Div rechts, ohne Auswirkungen auf das Design

Question

Ich möchte ein div nach rechts oben auf meiner Seite schweben. Es enthält ein quadratisches Bild mit 50 Pixeln, aber es wirkt sich momentan auf das Layout der oberen 50 Pixel auf der Seite aus.

Derzeit seine:

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

I Z-Index versucht, wie ich dachte, dass die Antwort sein würde, aber ich konnte es nicht bekommen würde.

Ich weiß, es ist etwas Einfaches, das ich vermisse, aber ich kann es einfach nicht scheinen.

Answer 1

Was meinen Sie mit Stößen? Der Inhalt wird um einen Float fließen. So arbeiten sie.

Wenn Sie es möchten über Ihr Design erscheinen, versuchen Einstellung:

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

Answer 2

Versuchen Sie, position auf absolut einzustellen. Das nimmt es aus dem Fluss des Dokuments.

Answer 3

Wenn Sie das Layout überhaupt keinen Einfluss auf das Bild möchte (und schwimmen auf andere Inhalte), die Sie anwenden können, die folgende CSS zu dem Bild:

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

Wenn Sie es auf der rechten Seite eines bestimmten übergeordneten Abschnitt schwimmen möchten, können Sie position: relative zu diesem Abschnitt hinzufügen.