Css Ausgabe div Höhe, wenn Schwimmer mit

Question

Ich habe einen div Bereich wie folgt aus:

<div class="con"> 
    <div class="container"></div> 
    <div class="sidebar"></div> 
</div> 

und CSS:

.con{ 
    width:100%;  
} 
.con .container{ 
    width:70%; 
    min-height:500px; 
    float:left; 
    background:#f00; 

} 
.con .sidebar{ 
    width:30%; 
    min-height:500px; 
    float:right; 
    background:#ccc; 

} 

Die container und sidebar Klasse Höhen dynamisch sind. Wenn eine dieser Klassenhöhen zunimmt, muss auch die Klasse con erhöht werden. Aber mein Problem ist Klasse con Höhe ist immer 0, ich kann nicht scheinen, die con Klasse eine statische Höhe geben.

Answer 1

hinzufügen overflow: auto; zu .con:

.con { 
    width: 100%; 
    overflow: auto;  
} 

Answer 2

Ich bin nicht sicher, warum es wichtig ist, warum .con nicht in der Höhe erstreckt, aber das ist ein ziemlich berüchtigtes Problem. Füge overflow: hidden zu .con hinzu. Wenn das nicht funktioniert, geben Sie <br style="clear: both;"> nach dem Tag ein.

Answer 3

Verwendung klar Klasse

<div class="con"> 
    <div class="container"></div> 
    <div class="sidebar"></div> 
    <div class="clear"></div> 
</div> 

.clear 
{ 
    clear:both; 
} 

Answer 4

versuchen diese

.con{ 
    width:auto; 
    overflow: auto; 
    margin:0 auto;  
} 

Answer 5

können Sie mögen verwenden ..

.con{display: table;}