Float ein div rechts, ohne dass dies Auswirkungen auf das Design

StackOverflow https://stackoverflow.com/questions/308499

  •  08-07-2019
  •  | 
  •  

Frage

Ich möchte ein div auf der rechten Seite an der Spitze meiner Seite schweben. Es enthält ein 50px quadratisches Bild, aber derzeit es Auswirkungen auf dem Layout der oberen 50px auf der Seite.

Zur Zeit seines: 

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

Ich habe versucht, z-index, wie ich dachte, dass die Antwort sein würde, aber ich konnte es nicht bekommen würde.

Ich weiß, es ist etwas einfach fehlt mir, aber ich kann einfach nicht scheinen, um es zu nageln.

War es hilfreich?

Lösung

Was meinst du mit Auswirkungen? Inhalt wird um einen Schwimmer fließen. Das ist, wie sie funktionieren.

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

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

Andere Tipps

Wenn Sie nicht möchten, dass das Bild, um das Layout überhaupt beeinflussen (und schwimmen auf andere Inhalte) können Sie die folgenden CSS auf das Bild anwenden: 

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

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

Versuchen seine position auf absolute Einstellung. Das nimmt sie aus dem Fluss des Dokuments.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top