Absolute Position funktioniert nicht

7

Ich versuche, ein div mit id 'absPos' in absoluter Position in Bezug auf seine Eltern div zu platzieren. Aber es funktioniert nicht, das Div befindet sich in der oberen linken Ecke der Seite.

Mein Codebeispiel ist wie folgt

%Vor%

Können Sie mir helfen, dieses Problem zu lösen? In meinem tatsächlichen Fall muss ich anstelle der roten Hintergrundfarbe ein Hintergrundbild platzieren.

Grüße

    
Ram 30.09.2010, 12:33
quelle

6 Antworten

24

Übernehmen Sie position:relative auf das übergeordnete div.

%Vor%     
Andy E 30.09.2010, 12:34
quelle
3

Sie müssen das übergeordnete div entweder position: relative oder position: absolute selbst deklarieren.

relative ist, was Sie in diesem Fall suchen.

    
Pekka 웃 30.09.2010 12:34
quelle
3

Wenn Sie ein Element mit absoluter Position platzieren, muss das Basiselement einen anderen Positionswert als den Standardwert haben.

Wenn Sie in Ihrem Fall den Positionswert des übergeordneten Elements in "relativ" ändern, können Sie das Problem beheben.

    
Arun P Johny 30.09.2010 12:36
quelle
2

Sie müssen zuerst die Eltern-Div relative position angeben:

%Vor%     
Sarfraz 30.09.2010 12:34
quelle
1

Sie können auch Position: absolut auf die Eltern-Div anwenden. Gesamter Code unter

%Vor%     
Rajasekar 01.10.2010 06:51
quelle
0

Wenn Sie wie ich versucht haben, ein Element über einem anderen Element zu positionieren, muss das schwebende Element innerhalb des anderen Elementes liegen und nicht als Geschwister. Jetzt kann dein position:absolute; funktionieren!

    
Mike GB 09.07.2015 16:02
quelle

Tags und Links