Untergeordnete div 100% Höhe zur übergeordneten automatischen Höhe

8

Ich bin hier, weil andere ähnliche Fragen meinem speziellen Problem nicht helfen konnten.

Ich brauche right div , um die ganze Zeit 100% hoch zu sein, wobei die parent height von left div height abhängt, die vom Inhalt innerhalb abhängt.

Hier ist der html:

%Vor%

Hier ist CSS:

%Vor%

Hinweis:
Ich benutze clearfix .
Und wenn Sie Ihre Antwort in jsfiddle

zeigen können

Hier ist jsFiddle Ссылка

    
skmasq 10.07.2012, 08:40
quelle

6 Antworten

0

Wenn Sie Ihre Kommentare zu anderen Lösungen lesen, ist es für mich klar, dass nur eine Lösung für Sie die Implementierung von JS in Ihren Code ist. Dies ist jedoch kein Problem.

Ссылка

    
sed 14.07.2012, 15:47
quelle
11

Machen Sie das richtige div position:absolute; und machen Sie das übergeordnete div position:relative; und dann height:100%; wird für das rechte div funktionieren. Stellen Sie sicher, dass Sie auch seine x-Position und Breite entsprechend anpassen. In diesem Beispiel habe ich ein left:50px angegeben, um sicherzustellen, dass es rechts von der linken Spalte erscheint.

JSFiddle Ссылка

    
tb11 10.07.2012 08:46
quelle
4

Sie können den Wert table-cell der Eigenschaft display in diesem Layout verwenden und den float wie folgt entfernen:

%Vor%

Live-Demo Ссылка

    
Rohit Azad 10.07.2012 08:48
quelle
1

Geben Sie position:fixed und height:100% für das rechte div ein. Dies wird Ihr Problem lösen.

    
aneeshraj 10.07.2012 08:46
quelle
1

Sie können dies mit flexbox und etwas Kreativität erreichen.

%Vor% %Vor%
    
Spencer 28.12.2016 22:38
quelle
0

Versuchen Sie, indem Sie der Höhe des Containers einen festen Wert geben

Dies wird auch das Problem beheben. Probieren Sie es einfach in jsFiddle

aus

Ссылка

%Vor%     
Narendra 10.07.2012 08:55
quelle

Tags und Links