Set Höhe einer Spalte auf die Höhe der anderen

Ich habe zwei divs:Set Höhe einer Spalte auf die Höhe der anderen

<div class="wrapper"> 
    <section id="left-panel"></section> 
    <section id="right-panel"></section> 
</div>

Ich habe die Höhe von right-panel immer gleich Höhe von left-panel. Wie erreiche ich dies nur mit CSS?

Das ist nicht dasselbe wie zu sagen, ich möchte, dass sie dieselbe Höhe haben. Ich möchte, dass die Höhe gleich ist, aber nur bis zum Maximum der Höhe des linken Feldes. Wenn also das rechte Feld größer ist, sollte es unten abgeschnitten werden und zu einem Überlauf werden und trotzdem die Höhe des linken Felds respektieren.

Auch der Inhalt des linken Bedienfelds ist nicht dynamisch, aber es ist nicht auf allen Seiten gleich, so dass ich max-height nicht auf der linken Seite einstellen kann.

Quelle

2016-08-23 Kousha

Duplizieren von http://stackoverflow.com/questions/2997767/how-do-i- keep-two-divs-this-are-side-by-side-the-same-height – mituw16

@mituw16: kein Duplikat; Ich will nicht nur, dass sie gleich sind, ich möchte, dass die richtige die gleiche Höhe wie die linke hat. Wenn also der eine größer ist, sollte das NICHT die Höhe beeinflussen. – Kousha

@Kousha .... Das ist nicht klar in Ihrer Frage. Bitte bearbeiten Sie es entsprechend – mituw16

Ich denke, dass Sie die Höhe des Wrappers in Pixel deklarieren müssen. Dann deklariere die Sektionshöhe 100%, um den Wrapperraum zu füllen. Dann geben Sie den Abschnitt Überlauf-y blättern. Dies ist, was ich in der Inspektor versucht (Breite und Schwimmer sind nur Abschnitte neben dem anderen zu platzieren):

.wrapper { 
    height: 50px; 
} 

.wrapper section { 
    width: 10%; 
    height: 100%; 
    float: left; 
    overflow-y: scroll; 
}

Quelle

2016-08-23 19:38:19 Vcasso

Aber ich kenne die Höhe des Wrappers nicht. – Kousha

Set Höhe einer Spalte auf die Höhe der anderen

Antwort

Verwandte Themen