Ich möchte ein div nach rechts am oberen Rand meiner Seite schweben. Es enthält ein 50px quadratisches Bild, aber derzeit wirkt es sich auf das Layout der oberen 50px auf der Seite.
Derzeit seine:
<div style="float: right;">
...
</div>
Ich habe es mit z-index versucht, da ich dachte, das wäre die Antwort, aber ich konnte es nicht zum Laufen bringen.
Ich weiß, es ist etwas einfaches, das mir fehlt, aber ich kann es einfach nicht finden.
Was meinen Sie mit "Auswirkungen"? Der Inhalt fließt um einen Schwimmer herum. So funktionieren sie.
Wenn Sie wollen, dass er über Ihrem Entwurf erscheint, versuchen Sie es mit der Einstellung:
z-index: 10;
position: absolute;
right: 0;
top: 0;
Wenn Sie nicht wollen, dass das Bild das Layout überhaupt beeinflusst (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 das Bild rechts von einem bestimmten übergeordneten Abschnitt schwebt, können Sie diesem Abschnitt "position: relative" hinzufügen.