Css problem wysokość div przy użyciu pacy

Question

mam div obszar takiego:

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

i 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; 

} 

W container i sidebar Wysokości klasy są dynamiczne. Gdy jedna z tych wysokości klas wzrasta, klasa con również musi wzrosnąć. Ale moim problemem jest klasa con wysokość jest zawsze 0, nie mogę dać klasie con statycznej wysokości.

Answer 1

Dodaj overflow: auto; do .con:

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

Answer 2

Nie jestem pewien, dlaczego tak ważne, dlaczego .con nie ma wysokości, ale jest to dość niesławny problem. Dodaj overflow: hidden do .con. Jeśli to nie zadziała, po tagu umieść <br style="clear: both;">.

Answer 3

użytku jasnego klasie

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

.clear 
{ 
    clear:both; 
} 

Answer 4

spróbować

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

Answer 5

można używać jak ..

.con{display: table;}