it-swarm.com.de

Schwebe ein Div nach rechts, ohne das Design zu beeinträchtigen

Ich möchte ein div am oberen Rand meiner Seite nach rechts verschieben. Es enthält ein quadratisches Bild mit 50 Pixel, wirkt sich jedoch derzeit auf das Layout der oberen 50 Pixel auf der Seite aus.

Derzeit ist es:

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

Ich habe Z-Index ausprobiert, da ich dachte, das wäre die Antwort, aber ich konnte es nicht in Gang bringen.

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

26
NikolaiDante

Was meinen Sie mit Stößen? Der Inhalt fließt um einen Schwimmer herum. So arbeiten sie.

Wenn Sie möchten, dass es über Ihrem Design angezeigt wird, stellen Sie Folgendes ein:

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

Wenn Sie nicht möchten, dass sich das Bild auf das Layout auswirkt (und über anderen Inhalten schwebt), können Sie das folgende CSS auf das Bild anwenden:

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

Wenn Sie möchten, dass es rechts neben einem bestimmten übergeordneten Abschnitt steht, können Sie position: relative zu diesem Abschnitt.

10
EoghanM

Versuchen Sie, das position auf absolut zu setzen. Das nimmt es aus dem Fluss des Dokuments.

3
nickf