css relative Positionierung funktioniert nicht in Chrome

8

Ich habe ein Problem mit der relativen Positionierung in Google Chrome Der folgende Code funktioniert in IE, aber nicht in Chrome. Die relative Positionierung ist relativ zur normalen Position eines Elements. Die normale Position der roten Box befindet sich direkt unter der Black Box. Wenn ich 10% Platz hinzufüge, sollte das rote Feld 10% unter der normalen Position erscheinen.

jsfiddle

Html

%Vor%

Css

%Vor%     
user3120396 20.12.2013, 11:10
quelle

2 Antworten

6

Damit die relative Positionierung funktioniert, sollte der Elternteil eine Größe haben:

%Vor%

überprüfen Sie das Ergebnis in diese Geige

    
Wilt 20.12.2013 11:23
quelle
1

Ok, habe gerade jetzt selbst realisiert, was das Problem ist:

  • Der% -Wert für den oberen Wert bezieht sich immer auf die Höhe des übergeordneten Elements. Da Sie keine Höhe festgelegt haben, ist es Null; Wenn Sie eine Höhe für das Elternelement festlegen, funktioniert alles wie gewünscht ...

Siehe jsfiddle , ich habe gerade

hinzugefügt %Vor%

zum übergeordneten CSS.

    
Kjell 20.12.2013 11:27
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Rails 4 API mit starken Parametern?