使用 float 时 Css 问题 div 高度

Question

我有一个像这样的 div 区域:

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

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

}

container 和sidebar 类高度是动态的。当其中一个类高度增加时，类 con 也必须增加。但我的问题是类 con 高度始终为 0，我似乎无法为 con 类提供静态高度。

Answer 1

将overflow: auto;添加到.con:

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