如何使浮动 div 容器适合 div 高度？

Question

我有一个 div 容器#parent和一个 div 孩子#child，他是父 div 的孩子。

该#childDIV包含文本和他飘然离开，问题是，我想的#parentdiv来适应＃的高度child` DIV曾经高度是具有保持float属性也什么。

    #parent{
       background: red;
       height: auto;
    }

    #child{
       float:left;
    }

    <div id='parent'>
        <div id='child'>
           <p>Some text Some text Some text</p>
        </div>  
    
    </div>

这是一个Jsfiddle

Answer 1

添加overflow:auto到父级：

#parent {
    background: red;
    height: auto;
    overflow:auto;
}
#child {
    float:left;
}

jsFiddle 示例

当您浮动孩子时，父母会折叠，因为它表现得好像孩子不占用空间。添加溢出规则可恢复您所追求的行为。