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

Answer 2

使用明确的课程

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

.clear
{
   clear:both;
}

Answer 3

我不确定为什么.con不会延伸到高度，这是一个非常臭名昭着的问题。将overflow: hidden添加到.con。如果这不起作用，请将<br style="clear: both;">放在标记之后。

Answer 4

试试这个

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

Answer 5

你可以使用like ..

.con{display: table;}

使用float时Css发出div高度

5 个答案: