5

我有一个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班级一个静态高度。

4

5 回答 5

6

添加overflow: auto;到.con：

.con {
    width: 100%; 
    overflow: auto;    
}
于 2013-02-07T04:48:25.220 回答
2

使用明确的类

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

.clear
{
   clear:both;
}
于 2013-02-07T04:52:28.903 回答
0

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

于 2013-02-07T04:46:00.913 回答
0

试试这个

.con{
    width:auto; 
    overflow: auto;
    margin:0 auto;    
}
于 2013-02-07T04:54:52.807 回答
0

你可以使用喜欢..

.con{display: table;}
于 2015-08-28T07:36:33.700 回答