Ich habe zwei nebeneinander DIVs, eine mit statischem Inhalt und die andere mit dynamischem Inhalt und ich möchte die Höhe der statischen DIV mit einer Zunahme der Höhe der dynamischen DIV erhöhen.Wie man zwei HTML DIVs mit gleicher Höhe nebeneinander machen?
Mein Code so weit ist:
<div class="row">
<div class="col-sm-2">abc(STATIC CONTENT)</div>
<div class="col-sm-10"> DYNAMIC CONTENT</div>
</div>
.row {
display: flex;
width: 500px;
background: red;
padding: 20px;
}
.col-sm-2,
.col-sm-10 {
flex: 1;
padding: 5px;
}
.col-sm-2 {
background: lime;
}
.col-sm-10 {
background: cyan;
}<div class="row">
<div class="col-sm-2">abc(STATIC CONTENT)<br/> adding more height <br/> ... and some more</div>
<div class="col-sm-10"> DYNAMIC CONTENT</div>
</div>tiefer zu tauchen in das Thema flexboxes sehen: http://osvaldas.info/flexbox-based-responsive-equal-height-blocks-with-javascript-fallback
Bitte fügen Sie Ihren Code – Kapil
wie Kapil sagte Sie hinzufügen sollten Ihr Code, aber Sie können diese Art von Problemen mit JavaScript –
, wenn dynamische div wächst mit con Zelt sollte auch das statische div entsprechend wachsen –