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

您可能使用overflow屬性來清除浮點數，對嗎？

然后更改overflow: hidden為overflow: auto 。

Answer 2

設置內容div最小高度：400像素； （替換高度），因此它永遠不會比容器小，但可以根據需要增大。