Ich habe zwei DIV-Elemente, von denen eines absolute Position hat (linke untere Ecke des Haupt-DIV). Der zweite DIV ist ausgeblendet und wird nur durch Klicken auf einen Link angezeigt.
Ich brauche den zweiten, der direkt unter dem ersten erscheint. Aber da die Position des ersten Divs absolut ist, erscheint die zweite Position auf der ersten Position.
HTML-Code:
%Vor%CSS:
%Vor%Vielen Dank im Voraus für jede Hilfe.
Ich denke, die Lösung beinhaltet Folgendes. Habe einen Wrapper div:
%Vor%Habe dieses Div absolut positioniert. Dann haben Sie innerhalb dieses div zwei divs, Ihr sichtbares div und dasjenige, das sichtbar werden muss.
%Vor%Dann können Sie nach Bedarf zeigen / verbergen und den Inhalt der Innenseite richtig positionieren.
Ok, mit Ihrer aktualisierten Frage glaube ich, dass ich Folgendes erstellt habe:
%Vor%Nun, was dies tut, ist die absolute Position sowohl der ersten als auch der zweiten div am unteren Rand der Seite, so positioniert, dass sie sich nicht überlappen. Wenn Ihnen die Tatsache nicht gefällt, dass das erste Div am Ende der Seite so hoch ist, können Sie den First-Div-Stil folgendermaßen ändern:
%Vor%und aktualisieren Sie den Link zu
%Vor%Im Grunde geht es darum, das erste div so zu ändern, dass es näher am unteren Rand der Seite ist, aber es dann verschiebt, wenn der Link angeklickt wird, damit mehr Platz für das zweite div ist.
Es löst nicht das zugrunde liegende Problem, ein relativ positioniertes div unter einem absolut positionierten div anzuzeigen, aber hoffentlich löst es Ihr spezifisches Problem.
Nur eine Vermutung, aber haben Sie versucht, den Stil klar hinzuzufügen: beide zum zweiten div? Ich bezweifle, dass es helfen wird, aber es könnte.
Sie können auch versuchen, einen oberen Rand für das zweite div hinzuzufügen, der gleich der Höhe des ersten div ist. Im Grunde etwas wie:
%Vor%Wo 40px ist die Höhe der ersten div. Das Problem dort ist, dass Sie wissen müssen, wie hoch die erste div ist und wenn sie variabel ist, dann hilft dieser Ansatz nicht.
Tags und Links css