CSS - 容器高度与父div相同，除非父div小于容器div

Question

我目前得到的父母div高度为：height：inherit ;,但是当我缩小窗口的大小时，父div小于容器div如此溢出：隐藏;隐藏了一半的容器内容。

是否可以用css来做到这一点？

这是代码：

<div id="container"> 
<div class="content"> 
    <div class="wrapper"> 
     Content here 
    </div> 
</div> 

#container { 
    float: left; 
    height: 400px; 
    width: 400px; 
    background-color: red; 
} 
.content { 
    float: left; 
    height: inherit; 
    width: 90%; 
    overflow: hidden; 
    position: relative; 
    background-color: black; 
} 

.wrapper { 
    width: 90%; 
    height: 900px; 
    position: relative; 
    z-index: 99; 
    background-color: blue; 
} 

http://jsfiddle.net/orymyjto/1/

Answer 1

设置内容div min-height：400px; （更换高度）因此它永远不会小于容器，但可以根据需要变大。

Answer 2

你可能使用overflow属性来清除浮动，对不对？

然后将overflow: hidden更改为overflow: auto。